SEM

Yeni Gtag.js Adwords Kodları

Bu yazımda dönüşüm ve yeniden pazarlama için yeni Gtag.js Adwords Kodları için yerleşimlerin nasıl yapılacağından bahsedeceğim.

Yeni Gtag.js Adwords kodları Google Tag Manager kullananlar için herhangi bir sorun oluşturmuyor, yani Tag Manager kurguları ve DataLayer yapılarında herhangi bir değişiklik olmayacak. Aşağıda açıkladığım kod yapılarının sayfa yapısına göre ayırdığım örneklerini de yazının altına ekledim.

Gtag.js Adwords Kodları

Adwords’ün yeni panelinden yeniden pazarlama ve dönüşüm kodu oluşturduğunuzda, kod yapısının tamamen değiştiğini görebilirsiniz. Gtag.js adwords kodları, bir site geneli kod ve bu kodun hemen altına yerleştirilecek etkinlik kodlarından oluşuyor. Facebook Pixel yapısına aşinaysanız buradaki mantığı hemen kavrarsınız. Şimdi bu kod yapısına ve hangi kodun nereye ekleneceğine geçelim.

Global Site Etiketi

Bu etiketi, hem dönüşüm hem de yeniden pazarlama etkinlikleri için kullanacağız. Yani sitedeki tüm sayfalarda bulunması gerekiyor. Aşağıya örnek bir Gtag global site etiketi ekledim. Etiketin, web sitesinin her sayfasında <head></head> etiketleri arasına yerleştirilmesi gerekmektedir. Yeniden pazarlama ve dönüşüm etkinlik etiketlerini de ilgili sayfa yapısında global site etiketinin hemen altına yerleştireceğiz.

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>

Dinamik Yeniden Pazarlama Etiketi

Dinamik yeniden pazarlama etiketinde, sayfa yapısına göre değişen değerler bulunmaktadır. Değerlerin sayfa yapısına göre nasıl olacağını anlatacağım. Burada oluşturduğumuz kodların, Global Site Etiketinin hemen altına yerleştirilmesi gerektiğinin altını tekrardan çizmek istiyorum. Bu kodlar tek başına işe yaramayacaktır.

Aşağıdaki etiketin web sitesinin tüm sayfalarında , <head></head> etiketleri arasına Global Site Etiketinin hemen altına yerleştirilmesi gerekmektedir. “replace with value” yazan alanlar sayfa yapısına ve ürünlere göre dinamik olarak değişmelidir.

<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'replace with value',
    'ecomm_prodid': 'replace with value',
    'ecomm_totalvalue': 'replace with value'
    'ecomm_category': 'replace with value'    
  });
</script>

ecomm_pagetype

ecomm_pagetype değerleri sayfa türüne göre aşağıdaki gibi olmalıdır. Bu parametre tüm sayfa türlerinde kullanılmalıdır.

Anasayfada : 'ecomm_pagetype': 'home'

Kategori Sayfalarında: 'ecomm_pagetype': 'category'

Ürün Sayfalarında: 'ecomm_pagetype': 'product'

Arama Sonuç Sayfalarında: 'ecomm_pagetype': 'searchresults'

Sepet Sayfasında: 'ecomm_pagetype': 'cart'

Teşekkürler Sayfasında: 'ecomm_pagetype': 'purchase'

Diğer Sayfalarda: 'ecomm_pagetype': 'other'

ecomm_prodid

ecomm_prodid parametresi, ürünlerin benzersiz ID’leri için kullanılmaktadır. Bu ID’ler Merchant Center veri feedindeki ürün ID’leri ile eşleşmelidir. Ürün, sepet ve teşekkürler sayfalarında kullanılmalıdır.

Ürün ID’sinin ABC123 olduğunu varsayalım. Bu durumda ecomm_prodid değeri aşağıdaki gibi olmalıdır.

'ecomm_prodid': 'ABC123',

Eğer değer sadece rakamdan oluşuyorsa tırnak(‘) kullanmaya gerek yok.

'ecomm_prodid': 123456,

Sepet sayfasında birden fazla ürünün sepete alınması veya teşekkürker sayfasında birden fazla ürünün satın alınması durumunda aşağıdaki gibi olmalıdır. Aynı şekilde bunda da sadece rakamdan oluşuyorsa tırnak(‘) kullanmaya gerek yok.

'ecomm_prodid': ['ABC123', 'DEF456', 'GHI789']

ecomm_totalvalue

ecomm_totalvalue değeri ürün sayfasında ürünün fiyatı, sepet sayfasında sepete eklenen ürünlerin toplam fiyatı ve teşekkürler sayfasında satın alınan ürünlerin toplam fiyatıdır.

Ürün fiyatının 123.45 TL  olması durumunda ecomm_totalvalue değeri aşağıdaki gibi olmalıdır. Fiyattaki küsurat nokta(.) ile ayrılmalıdır. Dikkat ettiyseniz ecomm_totalvalue değeri, sadece rakamdan oluştuğu için tırnak(‘) kullanmıyoruz.

'ecomm_totalvalue': 123.45

ecomm_category

ecomm_category değeri, ürün veya kategori sayfalarında kullanılmaktadır. Değer olarak ürünün veya sayfanın içinde bulunduğu kategori getirilmelidir. Telefon aksesuarları kategorisi altındaki bir ürün sayfası olduğunu varsaydığımızda, değer aşağıdaki gibi olmalıdır.

'ecomm_category': 'Telefon Aksesuarları'

Dönüşüm Kodu

Aşağıdaki kod teşekkürler sayfasındaki <head></head> etiketlerinin arasında Global Site Etiketinin hemen altına yerleştirilmelidir. Sarı işaretli değerler her bir siparişte dinamik olarak değişmelidir.

<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-123456789/UQKVCPfBn3oQgsmpiQM',
      'value': 456.78,
      'currency': 'TRY',
      'transaction_id': 'FGH1234'
  });
</script>

Dinamik Değerler

value değeri satın alınan ürün veya ürünlerin toplam tutarıdır. Fiyattaki küsurat nokta(.) ile ayrılmalıdır.

transaction_id değeri ise benzersiz sipariş numarasıdır. Sadece rakamdan oluşuyorsa tırnak(‘) kullanmaya gerek yok bunda da.

Sayfa Yapılarına Göre Kod Örnekleri

Öncelikle aşağıda paylaştığım kod örneklerinin hepsinin denendiğini belirteyim. Bu kodlara göre hazırlayabileceğiniz gibi kodlardaki Adwords ID’lerini değiştirerek aynen kullanabilirsiniz.

Anasayfa

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'home',
  });
</script>

Kategori Sayfaları

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'category',
    'ecomm_category': 'Telefon Aksesuarları'
  });
</script>

Ürün Sayfaları

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'product',
    'ecomm_prodid': 'ABC123',
    'ecomm_totalvalue': 456.78,
    'ecomm_category': 'Telefon Aksesuarları'
  });
</script>

Sepet Sayfası

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'cart',
    'ecomm_prodid': ['ABC123', 'DEF456', 'GHI789'],
    'ecomm_totalvalue': 234.567
  });
</script>

Teşekkürler Sayfası

Burada yeniden pazarlama koduyla dönüşüm kodunu tek etiket içinde topladım. Denedim, çalışıyor.

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-123456789/UQKVCPfBn3oQgsmpiQM',
      'value': 234.56,
      'currency': 'TRY',
      'transaction_id': '1234'
  });
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'purchase',
    'ecomm_prodid': ['ABC123', 'DEF456', 'GHI789'],
    'ecomm_totalvalue': 234.56
  });
</script>

Arama Sonuç Sayfaları

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'searchresults',
  });
</script>

Diğer Sayfa Türleri

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'other',
  });
</script>

Gtag.js Adwords kodları ile ilgili olduğunca açıklayıcı ve açık olmaya çalıştım. Eğer yeterince ilgi görürse bu tür konulara değinmeye devam edeceğim.

Kaynak
Google Developers - Dynamic Remarketing ParametersAdwords Support - Tag your site for remarketing

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.

4 Yorum

Bir cevap yazın

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

Close