Cara Memasang Facebook Pixel di Landing Page Blogspot
Cara Memasang Facebook Pixel di Landing Page Blogspot - Bagi yang ingin membuat landing page blogspot, sudah disediakan tutorial Cara Membuat Landing Page di Lajang Spot.
Apa itu facebook pixel dan mengapa harus memasangnya di landing page, serta bagaimana cara memasang facebook pixel di blogspot?
Apa itu Facebook Pixel?
Menurut facebook sendiri, Facebook pixel adalah:
Snippet Kode JavaScript yang memungkinkan Anda untuk melacak aktivitas pengunjung pada situs web. Pixel ini bekerja dengan memuat serangkaian kecil fungsi yang dapat Anda gunakan setiap kali pengunjung situs mengambil tindakan (disebut peristiwa) yang ingin Anda lacak (disebut konversi).
Konversi yang dilacak muncul di Pengelola Iklan Facebook yang dapat Anda gunakan untuk mengukur efektivitas iklan Anda, untuk menentukan pemirsa khusus untuk penargetan iklan, untuk kampanye iklan dinamis, dan untuk menganalisis efektivitas corong konversi situs web Anda.
Facebook pixel dipasang di web landing page kita untuk tujuan beriklan di facebook ads dengan tujuan tertentu.
Kode facebook pixel yang dipasang di landing page kita, ada yang merupakan kode dasar (wajib) dan kode standar, serta kode yang bisa dicustom sendiri. Nanti dibahas pada bagian bawah.
Mengapa Memasang Facebook Pixel di Landing Page?
Jika kita beriklan di facebook dengan menggunakan landing page, maka facebook mewajibkan kita untuk menempatkan kode pixel tersebut ke dalam landing page.
Agar facebook bisa melacak tindakan yang kita tentukan di landing page sehingga kita bisa mengetahui ada berapa sih yang ngeklik tombol CTA yang kita buat.
Dan bisa mengetahui berapa biaya yang dikeluarkan untuk tindakan tersebut.
Serta data-data yang penting lainnya seperti berapa banyak sih landing page kita berhasil dilihat setelah orang-orang mengklik link iklan kita yang kita arahkan ke landing page.
Dari situ, kita bisa membaca data hasil iklan kita, apakah performanya baik ataukah tidak, sehingga kita bisa memperbaikinya ataukah menghentikannya, agar kita tidak kehabisan banyak biaya untuk iklan yang sebenarnya buruk.
Bagaimana Memasang Facebook Pixel di Landing Page?
Prinsipnya, letakkan kode dasar facebook pixel di dalam tag head sedangkan kode peristiwa standar bisa diletakkan dimana saja sesuai dengan panduan yang diberikan oleh facebook.
Jika landing page menggunakan web hosting, tentu ini akan lebih mudah dengan menggunakan plugin. Tapi bagaimana dengan blogspot?
Jika landing page kita dibuat di blogspot maka satu-satunya cara yang digunakan adalah cara manual dan harus mengetahui dimana harus meletakkannya.
Jika Anda menggunakan Template Lajang Spot, ini sangat mudah dilakukan, Anda tinggl mengaktifkan Widget Facebook Pixel di Menu Tata Letak, kemudian melatakan ID Facebook Pixel Anda, serta kode facebook pixel untuk "View Content" dan "Event Button CTA".
Kita bisa mengganti kode pixel button CTA yang sesuai dengan tujuan beriklan kita dengan mudah.
Memasukkan ID Facebook Pixel, berarti kita mengaktifkan kode dasar facebook pixel yang wajib dilakukan. Jadi, Anda tidak perlu repot-repot memasukkannya ke dalam template blog.
Jika ingin melacak berapa banyak "lihat konten" dari orang-orang yang mengklik iklan, maka wajib memasang kode pixel View Content. Jika tidak maka ini bersifat opsional, tapi sangat dianjurkan agar kita bisa mengetahui berapa banyak klik tautan iklan yang berhasil landing.
Jika ingin melacak berapa banyak yang melakukan tindakan "tambahkan ke keranjang belanja", maka wajib tambahkan kode pixel Add to Cart pada widget "Edit Event Tombol CTA".
Pada widget tersebutlah, kita bisa mengganti tindakan yang diinginkan ketika pengunjung mengklik tombol CTA Anda.
Cara pasang Pixel Facebook di Blogspot
Bagi Anda yang menggunakan "Template Landing Page Blogspot" lainnya, mungkin juga sudah disedikan panduan cara memasang facebook pixel di blogspot Anda.
Tapi bagi Anda yang ingin tahu bagaimana cara memasang facebook pixel di blogspot, apalagi yang tidak disediakan widget khususnya, berikut ini caranya.
#1 Siapkan Kode Facebook Pixel Anda
Bagi Anda yang belum memiliki kode facebook pixel, berikut ini cara menyiapkan facebook pixel:
- Pastikan Anda sudah login di akun personal facebook yang akan digunakan sebagai akun iklan.
- Buka Pengelola Peristiwa.
- Klik Hubungkan Sumber Data dan pilih Web.
- Pilih Facebook Pixel dan klik Hubungkan.
- Tambahkan Nama Pixel Anda.
- Masukkan URL situs web Anda untuk memeriksa opsi penyiapan yang mudah.
- Klik Lanjutkan.
- Pilih cara menghubungkan situs web, dalam hal ini, kita memilih Pixel Saja, lalu klik Selanjutnya.
- Menambahkan kode piksel ke situs web secara manual, klik Instal Kode Secara Manual.
- Salin Kode Dasar. Kode inilah yang kita letakkan atau pasang di blogspot.
#2 Pasang Kode Dasar Facebook Pixel di Blogspot Anda
Jika Anda sudah menyalin kode dasarnya, langsung ke langkah 7. Kode dasar ini bersifat wajib, tidak boleh tidak. Adapun Cara pasang kode dasar facebook pixel di blogspot:
- Buka Pengelola Peristiwa.
- Pilih pixel yang ingin Anda siapkan.
- Klik Lanjutkan Penyiapan Pixel.
- Pilih Facebook Pixel dan klik Hubungkan.
- Pilih Instal kode secara manual.
- Salin kode dasar pixel.
- Parse dulu kode tersebut.
- Pergi ke Menu Tema > Edit HTML, cari kode tag head penutup, yaitu
</head>
. - Tempelkan kode dasar yang sudah di parse tadi, tepat di atas tag head penutup.
- Selesai.
Contoh:
Perhatikan gambar di atas, yang ditandai dengan warna gelap, itu merupakan tempat ID Facebook Pixel jika ingin mengetahui ID Facebook Pixel Anda.
#3 Pasang Kode Pixel Peristiwa Standar
Peristiwa standar adalah tindakan pengunjung yang telah ditetapkan sebelumnya, yang sesuai dengan aktivitas terkait konversi yang umum, seperti mencari produk, melihat produk, atau membeli produk.
Peristiwa standar mendukung parameter, sehingga Anda dapat menyertakan objek berisi informasi tambahan tentang suatu peristiwa, seperti ID produk, kategori, dan jumlah produk yang dibeli.
Setelah memasang kode dasar facebook pixel, kita bisa memasang kode pixel peristiwa standar. Untuk daftar lengkap "Peristiwa standar", kunjungi Referensi Peristiwa Standar Pixel.
3.1 View Content
Kode pixel ini berfungsi untuk melacak peristiwa View Content (lihat konten), seperti ketika pengunjung mengklik "Lihat Detail" dari produk kita.
Kita memasang kode ini di dalam template blog untuk melacak orang-orang yang mengklik link iklan kita di facebook untuk mengetaui berapa banyak orang yang berhasil landas di website Anda.
Bukan hanya sekedar klik link ke landing page, tetapi berhasil ke halaman landing page Anda. Walaupun mereka mungkin saja tidak membaca isi landing page kita.
Cara memasangnya di blogspot adalah:
- Login ke “Blogger” > Masuk ke menu “Tema”.
- Klik icon menu (titik tiga) di sebelah kanan atas.
- Klik “Edit HTML“.
- Pastikan kode di bawah ini tepat di bawah kode
</head>
atau<body>
.
<script>
fbq('track', 'ViewContent');
</script>
Untuk mengetahui kode peristiwa standar lainnya, bisa kunjungi Spesifikasi Peristiwa Standar Facebook Pixel.
3.2 Pasang Kode Pixel Tombol CTA
Ada dua cara yang dapat digunakan untuk melacak peristiwa standar dari tombol CTA yang kita buat, yaitu:
- Memasang Kode Pixel Peristiwa Secara Manual
- Menambahkan Peristiwa Tanpa Memerlukan Kode
a. Cara Memasang Kode Pixel Peristiwa Secara Manual
Misalkan, kita membuat tombol "Pesan Sekarang". Jika pengunjung mengklik tombol tersebut, akan diarahkan ke pesan whatsApp kita.
Pada tombol yang Anda buat, berikan atribut id dengan nilai terserah, misalnya id="addToCartButton"
.
Setelah membuat button CTA tersebut, letakkan script berikut di bawah button tersebut.
Contoh:
<button id="addToCartButton">Pesan Sekarang</button>
<script type="text/javascript">
var x = document.getElementById("addToCartButton"); if (x != null){x.addEventListener("click", function() { fbq('track', 'Purchase'); })}
</script>
b. Cara Menambahkan Peristiwa Tanpa Memerlukan Kode
- Masuk ke Pengelola Peristiwa.
- Pilih pixel yang ingin Anda siapkan.
- Pada bagian Rangkuman, klik Tambahkan Peristiwa lalu pilih/klik Dari Pixel.
- Selanjutnya klik Buka Fitur Penyiapan Peristiwa.
- Masukkan URL situs web, lalu klik Buka Situs Web. Anda akan diarahkan ke halaman web tersebut dan akan muncul kotak seperti gambar di bawah.
- Buat peristiwa pada tombol CTA yang Anda buat dengan cara mengklik "+ Track new button", kemudian pilih event atau peristiwa yang diinginkan kemudian konfirmasi.
Demikianlah bagaimana Cara Memasang Facebook Pixel di Landing Page Blogspot, semoga bermanfaat.
Posting Komentar untuk "Cara Memasang Facebook Pixel di Landing Page Blogspot"