Facebook Pikseli, Gelişmiş Eşleştirme ve Özel Durumlar
Facebook Pikseli ve Çerez Tercihleri yazısı ve ilgili yeni güncellemelerden sonra Facebook pikseli ve kullanılabilecek olaylara (çoğunlukla standart olaylar) dair detaylara geçebiliriz.
Yazı içerisindeki adımları genel olarak reklam ve analiz ve birinci-üçüncü taraf çerezlerin aktif olduğunu varsayarak ilerleteceğim.
Etiket Yönetimi ile ilgili destek talebinde bulunabilirsin.
Facebook Pikseli ve Gelişmiş Eşleştirme
Facebook Reklam Yöneticisi (Facebook Ad Manager) üzerinden reklam hesabımızla ilişkili olarak Facebook pikselimizi yani sabit kod (base code) ve standart olayımızın (standard event) yer aldığı kod parçacığını (snippet) Kodu kendiniz manuel olarak yükleyin seçeneğini seçerek aldık. Ön tanımlı olarak bize iletilen standart olayımız PageView; fbq('track', "PageView")
. Bize iletilen snippet aşağı yukarı şu şekilde;
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '[Facebook-pixel-ID]');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id='[Facebook-pixel-ID]&ev=PageView&noscript=1" /></noscript>
Bu kod sayesinde1;
- Çapraz cihazlarda reklamların dönüşümleri etkilemesine nasıl yardımcı olduğunu anlayabilir,
- Reklamların eylemde bulunma olasılığı yüksek olan kişilere ulaştığından emin olabilir,
- Dinamik reklamlar ile ilgili web sayfasını ziyaret eden kullanıcılara siteyi ziyaret ettikleri süreçte (oturum) görüntüledikleri ürünleri ya da benzer ürünleri tekrar otomatik olarak gösterebilir,
- Ziyaretçilerin internet sitesini nasıl kullandıklarına dair zengin istatistikler edinebiliriz.
Piksel kodunu elbette kendimiz yüklemek zorunda değiliz. Seçenekler arasında yer alan Bir entegrasyon veya etiket yöneticisi kullanın seçeneğini kullanarak Ortaklar arasındaki seçenekleri (Google Etiket Yöneticisi, Magento, PrestaShop, Segment, WooCommerce, WordPress vb.) de değerlendirebiliriz.
Ortaklar üzerinden işlem yürüttüğünüzde manuel koda ek olarak ilgili piksel snippet içerisine agent
parametresi eklenecektir. Aşağıdaki satır Google Tag Manager'ı tanımlamaktadır.
fbq('set','agent','tmgoogletagmanager', '[Facebook-pixel-ID]');
Kurulum işlemini e-ticaret, internet sitesi platformu ve/veya etiket yöneticisi ile gerçekleştirmek pek çok standart olayı da otomatik olarak kullanabilmenizi mümkün kılacaktır2. Bu sayede ürün ve hizmetleriniz için daha doğru kişilere ulaşabilir, satışlarınızı artırabilir ve reklamlarınızın sonuçlarını daha net şekilde ölçümleyebilirsiniz. Unutmadan, entegrasyonlar ve otomatik gelişmiş eşleştirme özelliğiyle birlikte Facebook pikseli otomatik gelişmiş eşleştirme özelliğini kullanarak dönüşümleri doğru bir şekilde ilişkilendirebilmek için oturum açma, oturumu kapatma veya kaydolma gibi işlemler sırasında internet sitesinden müşteri verilerini (ör. e-posta adresleri) yakalayabilmektedir. Facebook bu yakalanan verilerin topladıktan sonra güvenlik nedeniyle şifrelediğini belirtmektedir. Şifrelemenin sonrasında veriler internet sitesini ziyaret eden ziyaretçiler ile Facebook’taki kişileri daha doğru şekilde eşleştirmek için kullanmakta ve Facebook kampanyaları için daha fazla ilişkilendirilmiş dönüşümler ve daha büyük özel hedef kitleler oluşturmaktadır.
Otomatik gelişmiş eşleştirme özelliği Olay Yöneticisi altından yönetilebilmektedir. Otomatik gelişmiş eşleştirme kullan seçeneği altında otomatik olarak yakalanan veri başlıklarını (e-posta > em, ad > fm ve soyad > ln, doğum tarihi > db, cinsiyet > ge, şehir > ct, posta kodu > zp ve ülke > st) görebilirsiniz. İlgili verileri ayrıca Facebook pikseli sabit kod alanına şu şekilde dahil edebilirsiniz.
fbq('init', '[Facebook-pixel-ID]', {
'em': '[e-posta-adresi]',
'fn': '[ad]',
'ln': '[soyad]',
'ph': '[telefon-numarasi]',
'ge': '[cinsiyet]',
'db': '[dogum-tarihi]',
'ct': '[sehir]',
'st': '[bolge-ulke]',
'zp': '[posta-kodu]'
});
Bu işlemin tersi olarak, otomatik gelişmiş eşleştirme özelliğini ilgili Facebook pikseli sabit kod alanı içerisinden de iptal edebilirsiniz. Bunun için eklemeniz gereken satır şu şekildedir:
fbq('set', 'autoConfig', false, '[Facebook-pixel-ID]');
Facebook Pikseli ve Özel Durumlar
Standart olaylara geçmeden önce 2 durumdan daha bahsetmek istiyorum. Bunlardan ilgi standart kod içerisinde yer alan image satırı ve diğeri de birden fazla Facebook piksel ID’sini nasıl kullanabileceğimiz…
NoScript ve IMG Etiketi (Image Only Pixel Code)
JavaScript kodunun işlemediği durumlara karşı Facebook pikseli içerisinde bir img satırı barındırmaktadır.
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id='[Facebook-pixel-ID]&ev=PageView&noscript=1" /></noscript>
Otomatik eklenen bu satır sayesinde standart olaylardan biri olan PageView
ilgili standart kodun işlemediği durumlara dair tamamlayıcı eleman olarak görev alır. Peki, biz bu tür durumlar için bu img
etiketini daha da geliştirebilir miyiz? Elbette! PageView olayında olduğu gibi diğer pek çok olayı da img etiketiyle birlikte kullanabiliriz3. Örneğin ViewContent
için bir img etiketi oluşturalım.
<noscript><img src="https://www.facebook.com/tr?id=[Facebook-pixel-ID]&ev=ViewContent&cd[content_name]=ABC%20Leather%20Sandal&cd[content_category]=Shoes&cd[content_type]=product&cd[content_ids]=1234&cd[value]=0.50&cd[currency]=USD&noscript=1" height="1" width="1" style="display:none" /></noscript>
Gördüğünüz gibi ViewContent
için gerekli olan [content_name]
, [content_category]
, [content_type]
, [content_ids]
, [value]
ve [currency]
gibi pek çok değeri de bu etiket üzerinden Reklam yöneticisine iletebilmekteyiz. Img etiketi içerisinde ilettiğimiz değerleri fbq
fonksiyonu içerisinde iletmek isteseydik satırlarımız şu şekilde olacaktı:
fbq('track', 'ViewContent', {
content_type: 'product',
content_ids: ['1234'],
content_name: 'ABC Leather Sandal',
content_category: 'Shoes'
value: 0.50,
currency: 'USD'
});
Bu parametrelere dair detaylara ayrıca Standart Olaylar başlığı altında da değineceğim. Ek olarak, son örneğimizi de özel piksel üzerinden verelim.
fbq('trackSingleCustom', '[Facebook-pixel-ID]', 'PageView');
trackSingleCustom
için oluşturulacak img etiketi (img pixel) şu şekilde olacaktır.
<noscript><img src="https://www.facebook.com/tr?id=[Facebook-pixel-ID]&ev=CustomEventName&cd[custom_param1]=ABC&cd[custom_param2]=123&cd[value]=10.00&cd[currency]=USD&noscript=1" height="1" width="1" style="display:none" /></noscript>
Şimdilik img etiketi içerisinde bu parametrelerin nasıl ele alındığını görmeniz yeterli. Bu durum farklı Facebook piksel ID değerlerini kullandığımızda da geçerli. O halde bir diğer duruma geçelim.
Farklı Facebook Pikselleriyle Çalışmak (MultiPixel ve Pixel Sharing)
Evet, farklı amaçlar doğrultusunda farklı piksellerle çalışmak durumunda kalabiliriz. Örneğin farklı ajanslar tarafından farklı reklamlar yürütülüyor olabilir ya da bir pazar yeri üzerindeki ilgili satışları takip etmek isteyebiliriz. Bu gibi durumlarda ek birkaç düzenleme ile sorunsuz bir şekilde pek çok piksel tanımlama ve olay takibi işlemi gerçekleştirebiliriz. Hatta, bazı olayları pikseller için ortak, bazı olayları da belirli pikseller için geçerli kılabiliriz.
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '[Facebook-pixel-ID-1]');
fbq('init', '[Facebook-pixel-ID-2]');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id='[Facebook-pixel-ID-1]&ev=PageView&noscript=1" />
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id='[Facebook-pixel-ID-2]&ev=PageView&noscript=1" />
</noscript>
Yukarıdaki Facebook piksel kodunda [Facebook-pixel-ID-1]
ve [Facebook-pixel-ID-2]
olmak üzere 2 piksel ID değeri tanımlı ve her ikisi de PageView standart olayını işleyebiliyor. Aynı şekilde img pixel için de her iki ID tanımlanmış durumda. Olayları farklı pikselID değerleriyle ilişkilendirebilmek için NoScript ve IMG Etiketi (Image Only Pixel Code) başlığı altındaki img etiketi düzenlemelerine ek olarak ki img etiketi içerisinde ilgili ID değerlerini farklı tanımlamanız yeterli olacaktır trackSingle parametresini kullanabiliriz4.
fbq('init', '[Facebook-pixel-ID-1]');
fbq('init', '[Facebook-pixel-ID-2]');
fbq('track', 'PageView');
fbq('trackSingleCustom', '[Facebook-pixel-ID-1]', 'Step4');
fbq('trackSingle', '[Facebook-pixel-ID-2]', 'ViewContent', {
content_type: 'product',
content_ids: ['1234'],
content_name: 'ABC Leather Sandal',
content_category: 'Shoes',
value: 0.50,
currency: 'USD'
});
Yukarıdaki tanımlamalar çerçevesinde [Facebook-pixel-ID-1]
ve [Facebook-pixel-ID-2]
için ortak standart olay PageView iken trackSingleCustom tanımlı Step4 olayı sadece [Facebook-pixel-ID-1]
, ViewContent ise sadece [Facebook-pixel-ID-2]
için geçerli olacaktır.