Cara Terbaru Memasang Kode Pixel Facebook

Kali ini saya akan mengajak Anda mengenal pixel lebih jauh lagi, termasuk pada tahap cara memasang pixel Facebook di web Anda. Semakin dalam kenal, makin akrab dong.

Penjualan seringkali ngga pernah terjadi di kali pertama pembeli bertransaksi dengan Anda, atau mengunjungi web / toko online Anda. Kecuali pembeli tersebut sudah akrab dengan Anda. Sisanya ? Pikir-pikir dulu, atau cari pembanding di toko lain.

Itulah kebiasaan konsumen online di zaman sekarang, semakin cerdas. Dan Anda selaku pebisnis online, sudah seharusnya memahami hal tersebut, dan mengetahui cara menghadapinya.

Yakni dengan cara follow up mereka lagi.

Salah satu teknik follow up yang bisa dilakukan melalui iklan Facebook adalah dengan cara mengiklankan kembali penawaran yang sama ( dengan bahasa berbeda ) kepada orang-orang yang sudah berkunjung ke web Anda. Mungkin Anda mengenalnya dengan istilah retargetting.

Gimana caranya ? Manfaatkan pixel Facebook.

Sederhananya, pixel adalah sebuah kode yang ditanam di dalam website Anda dengan berbagai kelebihan yang bisa Anda dapatkan, diantaranya yaitu :

1. Memantau Aktivitas User

Kode pixel bisa merekam seluruh kegiatan pengunjung yang masuk ke halaman manapun di dalam web Anda, dan melaporkannya dalam bentuk data. Hal ini berguna untuk Anda menganalisa perilaku pengunjung di web / toko online Anda.

Anda jadi tau seberapa efektif konten-konten di website Anda.

2. Melacak Data Konversi

Kalau web Anda berupa toko online, Anda bisa mendeteksi alur konversi yang terjadi. Berapa orang yang baru lihat halaman produk. Berapa orang yang sudah add to cart / masukkan order ke keranjang. Berapa orang yang sudah checkout, dan juga purchase.

Sama aja, dengan data diatas Anda jadi bisa menganalisa perilaku calon pembeli. Anda bisa melihat pengunjung banyak terhenti di halaman mana, sehingga bisa diketahui penyebabnya.

3. Mengoptimalkan Iklan

Dengan kemampuan pixel menampilkan data kunjungan ke web, Anda bisa melihat data di dashboard iklan Facebook Anda. Misal, berapa banyak yang sudah klik iklan, dibandingkan dengan berapa banyak yang berhasil masuk ke halaman produk.

Kalau yang klik banyak, tapi yang masuk halaman web ternyata cuma dikit, maka kemungkinan besar web Anda lemot. Jadi banyak user yang bounce / minggat karena bosan nungguin loading web. Dan banyak lagi data yang bisa dilihat dan dianalisa.

Bahasan ini saya tulis mendalam di artikel cara membaca data iklan Facebook.

4. Melakukan Retargetting

Nah, ini salah satu tujuan penting kenapa web Anda harus dipasangi pixel. Supaya Anda bisa “menghantui” pengunjung web Anda yang kabur gitu aja tanpa melakukan pembelian. Anda bisa menargetkan mereka dengan iklan-iklan yang berbeda.

Pernah ngalamin abis buka halaman sebuah produk di Tokopedia, trus iklan produknya muncul di timeline Facebook Anda ? Ya itu retargetting. Tokopedia memanfaatkan pixel Facebook.

Asumsinya, saat Anda sedang mengunjungi halaman produk A, berarti Anda sudah ada ketertarikan dengan produk A. Anda ngga jadi beli bisa karena banyak hal. Bisa karena kemahalan, info produk kurang lengkap, belum butuh, dan lainnya.

Tugas iklan retargetting adalah mempersuasi pembeli tersebut agar pada akhirnya mau kembali ke halaman produk A dan melakukan pembelian. Saya lupa siapa yang pernah bilang, tapi datanya 80% penjualan terjadi setelah follow up ke 5 – 8 kali !

5. Menjangkau Orang Yang Tepat

Dengan menargetkan kembali orang-orang yang sudah pernah mengunjungi halaman produk Anda, akan lebih efektif dibanding Anda terus-menerus beriklan kepada orang-orang baru yang belum tentu tertarik dengan produk tersebut. Masuk akal ? Masuk aja lah.

Jenis-Jenis Pixel Facebook

Kode pixel paling umum adalah PageView. Pixel ini ada di semua halaman web.

Untuk kebutuhan lebih dalam untuk peranan tertentu halaman -halaman web Anda, kode pixel dibagi lagi berdasarkan fungsinya. Biasa disebut pixel event. Misalnya untuk halaman artikel / sales page dikasih pixel ViewContent. Kalau halaman keranjang dikasih pixel AddToCart.

Umumnya sih seperti yang saya jelaskan diatas. Tapi kalau Anda sudah jago nanti juga bisa mengkombinasikan pixel event di halaman manapun sesuka Anda. Saat artikel ini ditulis sudah ada 17 pixel event ( sebelumnya cuma 9 kalo ngga salah, jadi sekarang sudah update ).

Jenis-jenis pixel event
Jenis-jenis Pixel event

Di bawahnya event Submit Application sebenarnya masih ada satu event lagi, namanya Subscribe. Soalnya ngga cukup kalau di screenshot semua, hehe. Untuk sementara, Anda fokus pada pixel PageView dan ViewContent dulu aja, karena ini yang umum dipakai.

Cara Memasang Pixel Facebook

Di artikel sebelumnya tentang membuat Business Manager saya sudah memandu Anda untuk membuat pixel baru di dalam akun BM Anda. Udah dibuat kan ? Kalo belum buat dulu gih. Jangan melanjutkan baca artikel ini kalau Anda belum membuatnya.

Nah, disini saya akan menunjukkan cara memasang kode pixel ke dalam web Anda secara manual dan menggunakan plugin. Saya akan menunjukkannya untuk web berbasis Blogspot ( manual ) dan WordPress self-hosted ( manual & dengan plugin ).

Memasang Pixel di WordPress

1. Cara Manual

Cara ini yang saya anjurkan. Karena memasang pixel itu gampang, ngga sesulit yang Anda takutkan. Bahkan sudah banyak tema WordPress yang menyediakan fitur untuk memasang pixel dengan mudah, seperti GeneratePress yang saat ini saya pakai.

Langkah pertama : silahkan buka Facebook Anda, buka menu di kanan atas dan cari Business Manager Anda ( harusnya sih udah muncul seperti gambar di bawah ini ).

Membuka Ads Manager
Membuka Ads manager

Langkah kedua : jika sudah maka Anda akan masuk ke halaman Ads Manager. Silahkan klik menu 9 titik di kiri atas >> cari Events Manager dan klik. Anda akan masuk ke halaman pixel seperti gambar di bawah ini. Klik Add New Data Source >> Facebook Pixel.

Memasang pixel Facebook untuk pertama kali
Masuk ke menu Pixel
Cara memasang pixel Facebook terbaru
Menambahkan kode Pixel baru

Langkah ketiga : Anda akan dihadapkan pada halaman pop up, silahkan klik Manually Install The Code Yourself. Anda masuk ke tampilan pop up baru berisi beberapa kode. Scroll pada nomor 2 seperti gambar di bawah ini.

Menyalin kode Pixel
Menyalin kode pixel

Arahkan kursor mouse ke tengah kode dan klik, otomatis kode akan tersalin. Silahkan letakkan di notepad dulu sementara. Jika sudah klik Continue.

Langkah keempat : Anda masuk halaman pop up baru berisi 17 pixel event. Silahkan aktifkan pixel ViewContent dan matikan “send event parameters” seperti gambar di bawah. Kemudian salin kode pixel ViewContent dan letakkan di notepad. Klik Done.

Menyalin kode Pixel ViewContent
Kode pixel ViewContent

Sampai di tahap ini Anda sudah selesai menyalin kode pixel yang dibutuhkan. Sekarang saatnya memasangnya di blog WordPress Anda. Silahkan login ke WP-Admin, masuk menu Appearance >> Editor seperti gambar di bawah ini.

Masuk ke dashboard WordPress editor
WordPress editor

Pada deretan file sebelah kanan cari Header.php dan klik (1), cari kode <?php wp_head(): ?> (2) dan letakkan kode pixel yang pertama Anda salin tepat dibawahnya (3).

Kemudian untuk kode pixel ViewContent fbq(‘track’, ‘ViewContent’); ( tag <script> ngga perlu disalin ) silahkan Anda sisipkan di bawah kode pixel PageView (4). Untuk lebih jelasnya silahkan lihat gambar di bawah ini. Jika sudah klik Update File.

Memasang pixel Facebook di WordPress
Memasang pixel Facebook

Sampai disini sudah selesai langkahnya. Gampang kan ? Di bagian akhir artikel saya akan kasih tau gimana cara cek pixel yang Anda pasang apakah sudah berfungsi atau belum.

2. Menggunakan Plugin

Facebook secara khusus menyediakan plugin untuk kebutuhan ini, plus dijelasin juga langkah-langkahnya secara detail. Langkah pertama : Di halaman pixel Anda klik View Setup Instruction seperti gambar di bawah ini.

Setup kode pixel
Halaman pixel

Langkah kedua : Anda akan masuk halaman pop up berisi setup method, pilih Use an Integration or Tag Manager. Akan muncul tampilan beberapa brand partner Facebook. Scroll ke bawah dan pilih WordPress. Lihat gambar di bawah ini.

Plugin pixel Facebook untuk WordPress
Plugin pixel Facebok untuk WP

Langkah ketiga : Anda masuk halaman pop up baru yang berisi tombol download. Klik untuk download plugin Facebook Pixel untuk WordPress. Jika sudah klik Continue.

Download plugin Facebook Pixel
Download plugin Facebook Pixel

Setelah Anda klik continue ada serangkaian panduan instalasi plugin tersebut. Jadi ngga saya jelasin disini ya. Sampai pada bagian paling akhir Anda masuk halaman untuk tes pixel yang baru Anda pasang. Masukkan URL web Anda dan klik send traffic. Harusnya tulisan “no activity yet” berubah menjadi “active” dan warnanya jadi hijau.

Tes kode pixel yang baru dipasang
Tes kode pixel

Kalau masih belum aktif ngga usah khawatir, karena butuh waktu bagi Facebook untuk merekam datanya. Di bagian bawah nanti saya kasih tau cara cek status pixel Anda.

Memasang Pixel di Blogspot

Memasang kode pixel di Blogspot harus menggunakan cara manual, karena ngga ada plugin seperti di WordPress. Caranya juga sangat sederhana kok. Langkah pertama silahkan masuk dashboard blog Anda, klik menu Theme >> Edit Html seperti pada gambar di bawah ini.

Masuk ke editor tema blogspot
Dashboard Blogspot

Anda akan masuk ke halaman editor tema yang berisi kode-kode html. Sampai disini ada sedikit perbedaan langkah. Langkah kedua : Salin kode pixel yang ada di notepad tadi, lalu buka www.htmlparse.com untuk parsing kode pixel tersebut.

Masukkan aja kode pixel di kotak yang tersedia, jangan lupa sisipkan kode pixel ViewContent fbq(‘track’, ‘ViewContent’); ( tag <script> ngga perlu disalin ), kemudian klik Encode. Lihat gambar di bawah ini.

Parsing kode pixel untuk Blogspot
Parsing kode pixel

Langkah ketiga : kembali ke dashboard blogspot Anda, cari kode <head> di deretan atas kode, kemudian letakkan kode pixel yang sudah di parsing tadi tepat dibawah <head> seperti gambar di bawah ini. Jika sudah klik Save theme.

Memasang pixel Facebook di Blogger
Memasang pixel di Blogger

Sampai disini sudah selesai. Ngga sulit kan pasang pixel Facebook di web ? Makanya kenapa saya sarankan pakai cara manual ( untuk WordPress ) karena penggunaan banyak plugin cenderung membuat load web Anda semakin berat.

Cara Cek Status Kode Pixel

Beres memasang kode pixel Facebook di web, install extension chrome Pixel Helper. Ekstensi ini berguna untuk membaca pixel event apa yang sedang aktif di halaman web Anda.

Jika sudah terinstall akan muncul icon nya di kanan atas browser chrome Anda. Sekarang silahkan masuk web Anda, lalu klik icon Pixel helper. Harusnya sih tampilannya seperti gambar ini :

Pixel helper menunjukkan kode pixel sudah aktif
Ekstensi Pixel Helper

Gambar diatas menunjukkan bahwa pixel PageView dan ViewContent sudah aktif ( centang hijau ). Artinya Facebook mulai merekam data kunjungan para user ke web Anda. Siap-siap ngiklan deh.

Tapi sebelum ngiklan, Anda harus tau bahwa ada beberapa hal yang harus dipersiapkan sebelum mulai beriklan ya. Dengan begitu iklan Anda akan berjalan lebih oke nantinya.

Penutup

Fiuhhhh, panjang juga nih artikel, dan ngga tau berapa kata, soalnya di Gutenberg editor udah ngga tampil lagi jumlah kata yang biasanya ada di pojok kiri bawah, hehe.

Semoga Anda memahami panduan yang saya tulis diatas ya. Kalo ada yang ngga ngerti ya seperti biasa lah, komentar aja di bawah, insya Allah selalu saya balas kok. Anda bisa berdiskusi apapun terkait cara memasang pixel Facebook di web.

 

Diskusi Pembaca . . .

  1. Mas ini cara membuat untuk pasang pixel full satu web ya? kalau per page gimana yang pasang code itu?

    Balas
      • Di beberapa video tutorial, saat edit landing page suatu web, fitur customize pixel event bisa tampil. Sementara di saya, saat edit page tidak bisa keluar tampilan customize pixel event-nya ya, mas?

        Karena settingan template dari sananya atau harus pasang sendiri dengan pluggin Pixel Your Site ?
        Terimakasih

        Balas
        • Ini bicara di dalem WordPressnya ? Ya wajar kalau beda-beda. Beda theme kan beda fitur. Ada yg sdh include fitur, ada yg butuh bantuan plugin lagi.

          Balas
  2. Assalamualaikum,
    mas mau nanya, saya kemarin buat landingpage (promotoko.online) sebulan awal masih bisa dipake ,tapi setelah bulan kedua pas saya masukin alamat webstie pada halaman pembuatan iklan muncul tulisan (Preview Not Available: Unable to display a preview of this ad.) dan ketika saya publish masuknya ke draft (tidak masuk preview oleh fb).
    saya juga sudah menyingkat alamat (promotoko.online) saya ke bit.ly tapi ketika sudah di approve iklan saya tidak berjalan (tidak mengambil budget iklan).
    yang ingin saya tanyakan :
    1. kira kira masalahnya dimana ya mas landing page saya?apakah karena domainya (.online) yang saya gunakan ?apakah saya harus ganti domain (.com) apakah ada masalah lain di LP saya? mohon ketersediaanya dicek mas
    2. bagaimana penyelesaian masalahnya apabila masalahnya apabila memang masalahnya ada di domain (.online) saya apabila ada masalah lain yang mungkin melanggar ketentuan beriklan di fb

    terima kasih

    Balas
    • Wa’alaikumsalam mas,

      1. Mungkin bisa jadi karena ekstensi domainnya tidak umum digunakan, jd dianggap FB URL nya berbahaya. Ini mungkin ya, saya blm pernah alami soalnya.
      2. Yap, setau saya jika domain sudah di blokir Fb, mending ganti kalau masih bisa ganti. Ada beberapa cara utk appeal, tp beberapa teman blg prosesnya sulit berhasil.

      Kalau saya pribadi kebetulan blm pernah alami mas.

      Balas
  3. Mas kalo untuk di pasang di link chekout via wa bisa gak ya… saya punya LP blogspot.
    Mohon bimbingannya masih belajar

    Balas
    • Kalau ditanya apakah bisa / ngga ? Jawabannya bisa, tergantung theme yg dipakai support atau ngga ( kalau WordPress ). Kalau Blogspot mohon maaf saya kurang tau, blm pernah pasang pixel di Blogspot. Web saya jg ngga ada yg pakai Blogspot, jd saya minim pengalaman disana.

      Balas
  4. mas maaf saya mau tanya ,
    di web saya sudah terpasang pixel page view dan view content , dengan cara menyisipkan view content dibawah track page view menggunakan plugin insert headers and footers.
    terus saya mau pasang lagi pixel add to cart , check out dan purchase.
    itu caranya gimana ?.
    tetapi saya menggunakan bantuan plugin insert headers and footers.
    terimakasih

    Balas
    • Plugin tersebut hanya untuk insert script saja di header & footer. Utk pasang pixel bisa pakai plugin PixelYourSite

      Balas
  5. kalau kode pikel sudah di pasang di blogspot, tapi masih warna merah. solusinya?

    Balas
    • Solusinya diperbaiki & di cek apa yg salah dari proses pemasangannya mas.

      Balas

Mau Diskusikan Sesuatu ?

Jelaskan secara detail pertanyaan Anda agar saya bisa paham. Jangan pakai emoticon, nanti masuk spam.