Modul 6.2: Instalasi dan Setting Tools Penting untuk Keperluan Tracking (Bagian 2)

Oktober 3, 2017 by no comments

Di modul 6.1 kita telah membahas Insert Headers and Footers, Tag Assistant, dan Google Tag Manager.

Jika Anda mengikuti langkah-langkah yang dijelaskan di modul 6.1, berarti Anda telah selesai memasang kode Google Tag Manager. Selanjutnya, mari kita bahas dua tools penting lainnya, yaitu Facebook Pixel Helper dan Facebook Pixel.

Facebook Pixel Helper

Facebook Pixel Helper Logo

Facebook Pixel Helper adalah Chrome extentions yang berguna untuk membantu kita mengecek, apakah kode Facebook Pixel sudah terpasang di suatu website atau belum.

Oke, langsung saja, agar kita bisa mulai menggunakan Facebook Pixel Helper, silakan lakukan beberapa langkah berikut:

  1. Klik tanda titik tiga di pojok kanan Google Chrome Anda > More Tools > Extentions > Get more extentions
  2. Di kolom Search the store silakan ketik “Facebook Pixel Helper” lalu klik tombol “Enter”
  3. Jika muncul extensions bernama Facebook Pixel Helper, silakan klik tombol + ADD TO CHROME > Add extension
  4. Jika Facebook Pixel Helper sudah terpasang di Google Chrome Anda, silakan arahkan cursor Anda ke logo Facebook Pixel Helper yang terletak di pojok kanan atas untuk mengecek apakah suatu website sudah memasang kode Facebook Pixel ataukah belum.

Setelah menginstal Facebook Pixel Helper ke dalam Google Chrome Anda, sekarang mari membahas cara memasang kode Facebook Pixel ke dalam website Anda.

Facebook Pixel

Facebook Pixel

Facebook Pixel adalah kode dari Facebook yang ditanamkan di dalam website yang berfungsi untuk merekam aktivitas atau event yang terjadi di dalam website.

Data hasil rekaman tersebut di kemudian hari bisa kita manfaatkan untuk keperluan iklan.

Contohnya begini:

Di bulan September 2017 total pengunjung website Anda berjumlah 1.000 orang dan tidak ada satu pun dari mereka yang berbelanja di website Anda, karena ada bug di dalam website Anda yang membuat mereka tidak bisa membeli.

Di bulan Oktober 2017, Anda telah melakukan sejumlah perbaikan di website Anda, dan Anda ingin 1.000 pengunjung di bulan lalu, kembali mengunjungi website Anda di bulan ini dan harapannya mereka jadi berbelanja.

Nah, dengan memasang kode Facebook Pixel, maka Anda bisa dengan mudah membuat iklan dan mentargetkannya ke 1.000 pengunjung di bulan September 2017.

Demikian contoh manfaat yang akan kita dapatkan dengan memasang kode Facebook Pixel di dalam website.

Oke, langsung saja, mari kita segera bahas cara memasang kode Facebook Pixel ke dalam website.

Pertama-tama, kunjungi https://www.facebook.com/ads/manager

Jika Anda belum pernah beriklan sama sekali, maka tampilan halaman https://www.facebook.com/ads/manager akan terlihat seperti di bawah ini.

FB Ads Manager

Selanjutnya, klik simbol Settings.

Settings dalam FB Ads Manager

Jika Anda belum pernah beriklan sama sekali, maka tampilan setelah Anda meng-klik simbol Settings akan terlihat seperti di bawah ini.

Ad Account Settings

Selanjutnya, klik “Settings” yang terletak di pojok kiri atas dari sisi Anda, lalu klik “Pixels”, setelah itu Anda akan dibawa ke halaman seperti tampak pada screenshot di bawah ini.

Create a Facebook Pixel

Klik tombol “Create a Pixel”.

Create a Pixel

Klik tombol “Create”, setelah itu Anda akan dibawa ke halaman seperti tampak pada screenshot di bawah ini.

Klik bagian “Manually Install the Code Yourself”, setelah itu Anda akan dibawa ke halaman seperti tampak pada screenshot di bawah ini.

Manually Install the Code Yourself

Di bagian 2, silakan copy kode yang ada di dalam kotak.

Copy Kode

Sekarang, buka halaman https://tagmanager.google.com > klik “Container Name” > klik “Add a New Tag” > Ganti Untitled Tag menjadi “Facebook Pixel Basecode”.

Facebook Pixel Basecode

Selanjutnya, klik “Tag Configuration”.

Tag Configuration

Di bagian “Choose Tag Type”, silakan pilih “Custom HTML”.

Choose Tag Type

Lalu paste kode Facebook Pixel yang telah di-copy sebelumnya di dalam kotak Custom HTML.

Custom HTML

Selanjutnya, klik “Triggering”.

Triggering

Pilih “All Pages”.

All Pages

Selanjutnya, klik tombol “Save”.

Save

Setelah selesai, Anda akan dibawa kembali ke halaman Workspace.

Workspace

Selanjutnya, klik tombol “Submit”.

Submit

Setelah itu, isi kolom “Version Name” dengan nama “Facebook Pixel Basecode”, lalu klik tombol “Publish”.

Publish

Nah, sekarang, kunjungi website Anda, lalu klik logo Facebook Pixel yang terletak di pojok kanan atas dari sisi Anda, dan jika kode Facebook Pixel sudah terpasang dengan benar, maka Facebook Pixel Helper akan terlihat seperti screenshot di bawah ini.

kode Facebook Pixel sudah terpasang

Sampai sini, Anda telah berhasil memasang Facebook standard event PageView ke dalam website Anda.

Perlu Anda ketahui, bahwa ada sembilan Facebook standard event lainnya selain PageView, yaitu:

  1. ViewContent
  2. Search
  3. AddToCart
  4. AddToWishlist
  5. InitiateCheckout
  6. AddPaymentInfo
  7. Purchase
  8. Lead
  9. Complete Registration

Facebook Standard Events

Berdasarkan pengalaman saya selama ini, kita tidak perlu memasang semua Facebook standard event, karena memang ada website yang tidak bisa dipasangkan Facebook standard event secara lengkap.

Sebagai contoh: jika suatu website tidak memiliki fitur di mana user bisa memasukkan suatu produk ke dalam list yang ingin ia beli, maka kita tidak bisa memasang event AddToWishlist ke dalam website tersebut.

Contoh lain: jika suatu website adalah website jenis blog atau news, maka Facebook standard event yang bisa dipasang hanya PageView dan Search saja, sedangkan yang lainnya tidak bisa.

Demikian.

Saya cukupkan modul 6.2 sampai di sini, sekarang mari kita berali ke modul 6.3 untuk membahas cara memasang Facebook standard event lainnya ke dalam website kita.