SEM

Facebook Pixel Nedir ve Kod Yerleşimi Nasıl Yapılır

Bu yazımda Facebook Pixel kodunun ne olduğundan, daha sonra da web sitesine kod yerleşiminin nasıl yapılacağından örneklerle ve görseller yardımıyla anlatacağım.

Facebook Pixel Kodu Nedir?

Facebook Pixel Kodu, web sitenizde yapılan dönüşümler, sepete ekleme, ödeme işlemleri gibi site içi etkinlikleri takip etmekle birlikte web sitesine giren tüm ziyaretçileri Facebook üzerinden hedefleme imkanı sağlayan(remarketing/yeniden pazarlama) bir JavaScript kodudur. Bu kod ile aynı zamanda Facebook Analytics’i kullanabiliyoruz.

Örnek vermek gerekirse, sitenizde ürün görüntülemiş kullanıcıları hedefleyebilir ve bu kitleye özelleştirilmiş bir reklam oluşturabilirsiniz. Aynı şekilde sepete ürün eklemiş veya ödeme sayfasına gelmiş kullanıcıları da ayrı ayrı hedefleyebilirsiniz.

Facebook Pixel Kodu Nasıl Oluşturulur?

Business Manager Facebook Pixel Sayfası Girişi
Business Manager Facebook Pixel Sayfası Girişi

Yukarıda gördüğünüz gibi Ads Manager menüsünden “Events Manager”ın altında olan “Pixels” sayfasına tıklıyoruz.

Facebook Pixel Oluşturma Sayfası
Facebook Pixel Oluşturma Sayfası

Buradan da “Pixel Oluştur” butonuna tıklıyoruz.

Genel Bilgileri Girin
Genel Bilgileri Girin

 

Birkaç saniye sonra pixelimiz oluşmuş olacak ve kod yerleştirme kısmına başlayacağız.

Kod Yerleşimi Nasıl Yapılır?

Kod Yerleşim Seçenekleri
Kod Yerleşim Seçenekleri

Şimdi karşımıza kod yerleşim seçenekleri çıkıyor. 1. seçenekte GTM, Magento gibi entegrasyon seçenekleri mevcut. Bu entegrasyonlara daha sonra değineceğim.2. seçeneği kod yerleşimini kendiniz yapacaksanız seçiyorsunuz. Ben de “Manuel Install”i açıklayacağım zaten. 3. seçeneği de “Ben kodlardan anlamam, yazılımcıya gönder halletsin.” diyorsanız seçiyorsunuz.

Dijital pazarlama sektöründe profesyonel olarak çalışıyorsanız, 3. seçeneği seçme şansınız pek olmuyor. Buradaki kod yerleşim mantığını iyi bir şekilde çözmeniz ve bunu yazılımcıya açıklamanız bekleniyor. Daha sonra da hatalara karşı kontrol edip, hata olması durumunda nasıl düzeltileceğini anlatmalısınız. İşte, kod yerleşiminin mantığını “Manuel Install” yöntemiyle anlayabiliriz.

Şimdi lafı daha fazla uzatmadan, kodun web sitemize nasıl yerleştirileceğini anlatmaya başlayayım.

2. seçeneği seçtikten sonra kodun tam olarak nereye yerleştirilmesi gerektiğinden başlayalım.

<!-- Example -->

!DOCTYPE html>
<html lang="en">
<head>
<script>...</script>
KOD BURAYA YERLEŞTİRİLECEK
</head>

Oluşturacağımız Facebook Pixel kodunu yukarıdaki gibi web sitenizin tüm sayfalarında <head></head> etiketlerinin arasına yerleştirmeniz gerekiyor. Mümkünse </head> etiketinden hemen önce ekleyin.

Facebook Pixel Kodu

<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', '568261426926025');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=568261426926025&ev=PageView&noscript=1"
/></noscript>

Oluşturduğumuz kod ise yukarıdaki gibi bir şey olacak.

Gelişmiş Eşleştirme

Burada gelişmiş eşleştirmeyi açıp açmayacağınızı soruyor. Bunu mutlaka açmalısınız. Açtığınızda site ziyaretçilerinin birçok verisini, Facebook’taki bilgilerle karşılaştıracak ve daha fazla ziyaretçiyi Facebook’ta yakalayabileceksiniz.

Son olarak kodu sitenize ekledikten sonra test trafiği gönderebilirsiniz. Göndermeseniz de siteye ziyaretçi gelince zaten aktif olarak görünecektir. Şimdi sırada dinamik veya özel parametreler var.

Etkinlik Kodları

Özel Parametreler

Yukarıdaki etkinlikleri web sitenizin yapısına göre belirliyorsunuz. Örneğin bir e-ticaret sitesi ise Purchase, Add Payment Info, Add to Basket, View Content etkinliklerini kullanırsınız. Diğerlerini kullanıp kullanmamak yine size kalmıştır.

Genel Facebook Pixel Kodunun </head> kapanış etiketinden önce yerleştirilmesi gerektiğini söylemiştim. Etkinlik kodlarını ise <body> açılış etiketinden hemen sonra yerleştiriyoruz. Bu, etkinlik kodlarının Genel Pixelden sonra okunmasını sağlıyor. Aynı zamanda etkinlik kodları da içerik ile birlikte okunuyor.

Etkinlik kodları Genel Koddan önce eklenirse site içi etkinlikler doğru çalışmayacak veya hiç çalışmayacaktır. Aynı zamanda bu etkinlik kodlarının Genel Pixel olmadan yerleştirilmesi de hiçbir işe yaramayacaktır.
Dinamik Parametreler

Dinamik parametreler özellikle e-ticaret siteleri için çok önemlidir. Bu parametreler her bir sayfada veya siparişte dinamik olarak değişmektedir. Ayrıca dinamik parametreleri girmek zorunda değilsiniz, yani bu değerleri girmeseniz de etkinlik kodunuz çalışır.

  • Dönüşüm değerini girmezseniz ROAS hesaplaması yapamazsınız.
  • Ürün ID’si, miktarı ve değerini girmezseniz Facebook Analytics’ten ürün performansını takip edemezsiniz.
  • Aynı zamanda ürün ID’lerini girmek, dinamik ürün reklamlarının daha iyi performans göstermesini sağlayacaktır. Facebook bu sayede ziyaretçinin hangi ürünü stoğa eklediği, hangisini satın aldığını takip eder ve reklamlarda ürünleri buna göre gösterir.

Convesion Value(Dönüşüm Değeri): Satın alınan ürünün/ürünlerin toplam değeridir. Burada sadece sayısal bir değer gireceğimizden tırnak(‘) kullanmayacağız. Birden fazla ürün olması durumunda toplam değer olmalıdır. Yani şöyle: value: 50

Currency(Para Birimi): Sadece TL ile satış yapıyorsak TRY girilmelidir. Farklı para birimlerini kullanıyorsanız bu linken hangi para birimi için hangi kodu kullanacağınızı göreceksiniz. currency: 'TRY'

Content ID(Ürün ID’si): Satın alınan ürün/ürünlerinizin benzersiz ID’leri girilmelidir. content_ids: 'bf451fs'

Yine sepete birden fazla ürün eklenmesi veya satın alınması durumunda çoklu değer girebiliriz. Bu da şu şekilde olur: content_ids: ['321asd325', '345df123', 'vb35zx']

Buradaki ürün ID’leri ürün kataloğundaki ID’ler ile eşleşmelidir.

Content type(İçerik Türü): Genellikle e-ticaret sitelerinde ürün, sepet, alışveriş sayfalarında kullanılır. E-ticaret siteleri için bu değer “product” olmalıdır. Tatil siteleri için otel sayfalarında “hotel”, emlak siteleri için “home_listing”, uçuş siteleri için “flight”, araç satış sitelerinde araç sayfaları için ise “vehicle” kullanılabilir. content_type: 'product'

Contents(Ürünler): Burada ürün IDS’si, miktarı ve fiyat bilgisi yer alır. Satın alma ve sepet sayfalarında birden fazla ürün girmek mümkündür.

Tek ürün olması durumunda:

contents: [
        {
            id: '123asd321',
            quantity: 3,
            item_price: 50
        }
    ]

Birden fazla ürün varsa:

contents: [
        {
            id: '123asd321',
            quantity: 3,
            item_price: 50
        }
        {
            id: '324sdfas12',
            quantity: 1,
            item_price: 100
        }
    ]

Şimdi dinamik değerlerden bahsettiğimize göre etkinlik kodlarına geçebilir ve dinamik parametreleri bu kodların içinde uygulayabiliriz.

Satın Alma Etkinliği
<script>
  fbq('track', 'Purchase', {
    value: 150,
    currency: 'TRY',
    content_ids: '123asd321',
    content_type: 'product',
    contents: [
        {
            id: '123asd321',
            quantity: 3,
            item_price: 50
        }
    ],
  });
</script>
Ödeme Etkinliği
<script>
  fbq('track', 'AddPaymentInfo');
</script>
Sepete Ekleme Etkinliği
<script>
  fbq('track', 'AddToCart', {
    value: 50,
    currency: 'TRY',
    content_ids: 'd234klmg',
    content_type: 'product',
    contents: [
        {
            id: 'd234klmg',
            quantity: 2,
            item_price: 25
        }
    ],
  });
</script>
Ürün Görüntüleme Etkinliği
<script>
  fbq('track', 'ViewContent', {
    value: 50,
    currency: 'TRY',
    content_ids: '153xcb734',
    content_type: 'product',
  });
</script>
Arama Sayfası Etkinliği

Bu etkinlikteki ürün ID’leri arama sayfasında çıkan ürün veya ürünlerden olmalıdır. search_string ise kullanıcının arama terimidir. Örneğin ziyaretçi bebek arabası aratıyorsa kodumuz şu şekilde olacak: search_string: 'bebek arabası', Bu bilgiler daha sonra Facebook Analytics’te işimize yarayacak.

<script>
  fbq('track', 'Search', {
    search_string: 'spor ayakkabı',
    content_ids: ['321asd325', '345df123', 'vb35zx'],
    content_type: 'product',
  });
</script>
Favori Ürünler Etkinliği

E-ticaret sitelerinde sık görülen bir işlemdir. Ziyaretçi ürünü favoriye ekler ve favori ürünler sayfasına gider. İşe burada bu kodu kullanacağız.

<script>
  fbq('track', 'AddToWishlist', {
    value: 65,
    currency: 'TRY',
    content_ids: '345hsdu22',
    content_type: 'product',
  });
</script>
Kayıt Etkinliği

Ziyaretçi siteye üye olduktan sonra tetiklenecek kod aşağıdaki gibidir. Burada dönüşüm değerini çekebilirsiniz. Ancak sık kullanılan bir şey değil bu.

<script>
  fbq('track', 'CompleteRegistration');
</script>
Form Etkinliği

E-ticaret sitelerinde değil de daha çok inşaat, estetik gibi sektörlerde kullanılan bir etkinlik. Burada da dönüşüm değerini isteğe bağlı olarak çekebilirsiniz.

<script>
  fbq('track', 'Lead');
</script>

Buraya kadar tüm etkinliklerimizi gördük ve yükledik. Şimdi kontrol zamanı! Facebook Pixel Kodunun düzgün çalışıp çalışmadığını tespit edelim.

Pixel Helper

Bu linkten Chrome’a Pixel Helper’ı yüklüyoruz. Eğer kod doğru yerleştirilmişse aşağıdaki gibi görünür.

Pixel Heper - Doğru Yerleşim

Eğer hatalı bir yerleşim varsa ise aşağıdaki gibi olacaktır. Buradaki hataları tespit edip düzeltilmesi sağlanmalıdır.

 

Kaynak
Facebook Ads Help CenterFacebook DevelopersFB Pixel Reference

Arif Onur Hangişi

İnternet tutkunu ve sorunlara çözüm arayan bir blog yazarıyım. Ayrıca dijital reklamcılık alanında profesyonel çözümler sunuyorum. Ayrıntılı bilgi için Hakkımda sayfasını ziyaret edebilirsiniz.

Benzer Yazılar

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Kapalı