Floodlight etiketlerine değer iletmek için Google Etiket Yöneticisi'ni kullanma

Floodlight etiketlerini Google Etiket Yöneticisi'nde uygularken, belirli özel metriklerle ilgili rapor vermek veya hedef kitle oluşturmak üzere daha sonra kullanabileceğiniz en temel pazarlama parametrelerini yakalamak için sitenizden etiketlere değerler iletmek isteyebilirsiniz.

dataLayer, Google Etiket Yöneticisi'nde; atanmış etiketlerinizi doldurmak üzere gerekli değerleri daha sonra kullanabileceğiniz makrolara aktarmak için arayüz sağlayan bir JavaScript nesnesidir. Bu makalede, Campaign Manager 360 ile özel olarak iletişim kurmak için dataLayer'ın nasıl kullanılacağı ve gerekli değerlerin Floodlight etiketlerinize nasıl aktarılacağı açıklanmaktadır. Daha ayrıntılı açıklamalar almak üzere lütfen web için Google Etiket Yöneticisi uygulamaları konulu Google Developers sayfasını ziyaret edin.

Normalde yeni oluşturulan Floodlight etiketleri, etiket çağrıldığı zaman web geliştiricilerin gerekli değerlerle değiştirebileceği yer tutucular içerir. Bu örnek parçaya bakın:

...
document.write('<iframe
    src="http://XXXXXXX.fls.doubleclick.net/activityi;src=XXXXXXXX;type=;cat=;u1=[öğe];u2=[miktar];u3=[fiyat];u4=[posta ücreti];u5=[satıcı];ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
...

Kalın yazı tipindeki öğelerin (item, quantity, price, postage ve seller) Floodlight etiketine aktarmak istediğiniz asıl değerlerle değiştirilmesi gerekir. Genelde İçerik Yönetimi Sisteminizi kullanarak bunları değiştirebilirsiniz veya geliştirme ekibinizin bunları kod olarak uygulamasını sağlayabilirsiniz.

Google Etiket Yöneticisi'ni, etiketler çağrıldığında değerleri eklemek üzere değişkenleri kullanacak şekilde yapılandırmak için aşağıdaki adımları uygulayın. Bu adımlarda Campaign Manager 360 hesabınızın ilgili Google Etiket Yöneticisi hesabınıza zaten bağlanmış olduğu ve etiketleri Google Etiket Yöneticisi'ne gönderebildiğiniz ve onaylayabildiğiniz varsayılmaktadır. Google Etiket Yöneticisi'nde değişiklikler yaptıktan sonra her zamanki test ve yayınlama işlemlerinizi uygulayabilirsiniz.

Yapılandırma

1. Google Etiket Yöneticisi'nde, aktarmanız gereken her değer için makrolar oluşturun.

   1. Makroya açıklayıcı bir ad verin. Örneğin, sipariş verilen ürünün adını çağırıyorsanız makroya “product_name” diyebilirsiniz.

   2. Makro türünü Veri Katmanı Değişkeni olarak ayarlayın.

   3. Değişkenin adını dataLayer çağrınızda açıklanacağı şekilde belirtin.

   4. Sürüm numarası olarak Sürüm 2'yi seçin.

2. Campaign Manager 360'ta, Floodlight etiketinizi oluşturun ve u standart değişkenlerini etkinleştirin.

3. Floodlight etiketini Google Etiket Yöneticisi'ne aktarıp onaylayın.

4. Etiketi Google Etiket Yöneticisi'nde düzenleyin ve uygun makroları farklı u değişkenlerine atayın. Örneğin, u değişkeni “u1” içinde ürünün adını yakalamayı umuyorsanız şunları yaparsınız:

   1. Özel değişkenler bölümüne gidin.

   2. Açılır menüyü tıklayıp “u1”i seçin.

   3. Metin kutusunun yanındaki makro simgesini tıklayın ve 1. adımda oluşturulan “{{product_name}}” makrosunu seçin (bunun belirli “product_name” metni değil bir makro olduğunu belirtmek için “{{}}” parantezlerinin kullanıldığına dikkat edin).

   4. Yakalamak istediğiniz diğer tüm u değişkenleri ve makrolar için bu işlemi tekrarlayın.

Uygulama:

Aşağıdakilerden hangisinin sizin için geçerli olduğuna bağlı olarak, dataLayer'ı uygulamanın farklı bazı yolları vardır.

Yöntem 1: Gerekli tüm değerleri içeren mevcut bir onay sayfanız vardır

Bazı web siteleri, sayfaları istendikçe oluşturmak için bir İçerik Yönetim Sistemi (CMS) veya başka benzer yöntemleri kullanır. CMS, önceki bir sayfada ayarlanmış olan veya bir arka uç veritabanından gelen değerleri aktarabilir.

Bu durumlarda, aşağıdakileri yapabilirsiniz:

1. URL, onay sayfanızla aynı olduğunda Floodlight etiketini tetikleyecek bir kural ayarlayın.

2. Web sitenizde, Google Etiket Yöneticisi etiketinden önce aşağıdakine benzer bir dataLayer tanımı ekleyin. Bunu yaparken, parantezlerin içindeki tüm öğeleri geçirmeye çalıştığınız değerlerle değiştirin (tüm makrolarınızın adının sonuna eklenmiş bir _value olduğu varsayılır).

   <script>
    var dataLayer = [{“item_value”:item_value,
        “quantity_value”:quantity_value,
        “price_value”: price_value,
        “postage_value”: postage_value,
        “seller_value”: seller_value}];
</script>

   Örnek olarak doldurulmuş etiket:

   <script>
    var dataLayer = [{“item_value”:”great shoes”,
        “quantity_value”: 1,
        “price_value”: 20,
        “postage_value”: 8,
        “seller_value”: “shoemaker”}];
</script>

Google Etiket Yöneticisi Floodlight etiketlerini tetiklediğinde, belirtilen makrolar dataLayer tanımında belirttiğiniz değerlerle değiştirilir.

2. Yöntem: Ödeme ve onay sayfalarınız aynı URL'ye sahip veya sayfada AJAX (JavaScript yöntemi) kullanılıyor

1. Etiketi bir etkinlikten sonra tetikleyecek bir kural oluşturun. Örneğin, “purchase_complete” adında bir etkinlik oluşturabilirsiniz.

   Kural Adı: fire_floodlight_tag
   Koşullar: {{event}} equals purchase_complete
   Bu Kurala sahip etiketler: none

2. Etkinliği tetiklemek ve gerekli tüm bilgileri Floodlight etiketine aktarmak için JavaScript'i kullanın:

   dataLayer.push = ({ “event”: “purchase_complete”,
    “item_value”:item_value,
    “quantity_value”: quantity_value,
    “price_value”: price_value,
    “postage_value”: postage_value,
    “seller_value”: seller_value});

   Örnek olarak doldurulmuş JavaScript çağrısı:

   dataLayer.push = ({ “event”: “purchase_complete”,
    “item_value”:”great shoes”,
    “quantity_value”: 1,
    “price_value”: 20,
    “postage_value”: 8,
    “seller_value”: “shoemaker”});

   Eklenen etkinlik değerinin (yukarıda kalın yazı tipinde), Floodlight etiketini tetiklemek için Google Etiket Yöneticisi tarafından kullanılan olaya ilişkin sinyal vermek için kullanıldığını unutmayın.

3. Yöntem: Ödeme ve onay sayfalarınız aynı URL'ye sahip veya sayfada AJAX (otomatik etkinlik izleme yöntemi) kullanılıyor

Otomatik etkinlik izleme işlevi etkinlik işleyicileri kullanır. Etkinlik işleyiciler, bir sayfada kullanıcı etkinliğinin olmasını bekleyen ve ardından başka etiketleri tetiklemek için kullanılabilecek programlı bir etkinlik oluşturan özel bir etkinlik türüdür. Kullanıcı etkinlikleri; bir düğme veya bağlantıyı tıklama, form gönderme ya da bir zamanlayıcının tanımlanmış bir aralığa ulaşması gibi işlemleri içerebilir.

Aşağıdaki örnekte, bir etiketi tetiklemek için bir bağlantı tıklama işleyicisinin nasıl kullanılacağı açıklanmaktadır. Bu senaryoda kullanıcı, bir listeyi tıklayarak veya açılır menüden seçerek bir ürünü belirlediğinde etkinlik oluşur ve ardından kullanıcı bir PDF broşürü indirebileceği sayfaya yönlendirilir. Bu sayfada broşürün bir bağlantısı olacaktır ve o bağlantı tıklandığında da bir dönüşüm olarak izlemek isteriz.

Google Etiket Yöneticisi hesabınıza gidin ve aşağıdaki işlemleri gerçekleştirin:

1. Bir bağlantı tıklama işleyicisi ayarlayın.

   1. Yeni etiket'i seçin.

   2. “downloadLinkListener” gibi açıklayıcı bir ad girin (bu, PDF broşürü indirme bağlantısında kullanılan ad olabilir).

   3. “Etiket türü” açılır menüsünde, “Etkinlik İşleyici” bölümünün üzerine gelin ve sağdaki genişletilmiş açılır menüden Bağlantı Tıklama İşleyici'yi seçin.

   4. Bağlantının ziyaretçiyi farklı bir sayfaya götürmesi gerekiyorsa Etiketleri Bekle seçeneğinin işaretli olduğundan emin olun. Belirli bir nedeniniz olmadığı sürece (örneğin, çok sayıda etiket tetikliyorsunuz ve tümünün yürütüldüğünden emin olmak istiyorsunuz) “Maksimum bekleme süresi” alanında değişiklik yapmayın.

2. Bağlantı tıklandığında URL'yi yakalayacak bir makro oluşturun.

   1. Yeni makro'yu seçin.

   2. “linkURL” gibi açıklayıcı bir ad girin.

   3. “Makro türü” açılır menüsünden Otomatik etkinlik değişkeni'ni seçin.

   4. “Değişken türü” açılan menüsünden Öğe URL'si'ni seçin (JavaScript bağlantıları yerine, bu seçeneğin sadece standart HREF biçimini kullanan bağlantılarla çalıştığına dikkat edin).

3. Kullanıcının seçtiği ürünü yakalamak için bir makro oluşturun. Bu örnekte kullanım amacıyla, ürün adının bir açılır menüde listelendiğini ve menü için HTML Kimliği etiketinin de "productName” olduğunu varsayacağız. Bu kimliği bulmak için yardıma ihtiyacınız olursa web geliştirici ekibinize danışmalısınız.

   1. Yeni makro'yu seçin.

   2. “selectedProduct” için açıklayıcı bir ad girin.

   3. “Makro türü” açılır menüsünden DOM Öğesi'ni seçin.

   4. “Öğe Kimliği” alanına, alanın kimliğini girin. Bu örnekte, kimlik “productName”dir (tırnak işaretleri olmadan).

   5. “Özellik adı” alanına value girin, çünkü açılan menü seçildiğinde değer özelliğinin içeriğini almamız gerekir.

4. Etkinlik işleyici etiketini tetikleyecek bir kural ayarlayın.

   1. Yeni kural'ı seçin.

   2. “downloadLinkClicked” gibi açıklayıcı bir ad girin.

   3. “Koşullar” altında, ilk açılan menüyü {{event}}, ikinciyi equals, metin kutusunu da gtm.linkClick olarak ayarlayın.

   4. Artı (+) işaretini tıklayın.

   5. Yeni satırdaki ilk açılan menüyü 2. Adım'da oluşturduğunuz {{linkURL}} makrosuna, ikinciyi equals'a (eşittir), metin kutusunu da indirilecek PDF'in URL'sine ayarlayın (örneğin, http://www.site.com/pdfs/brochure1.pdf).

5. Dönüşümü yakalamak için bir Floodlight etiketi ayarlayın (bu etiketi zaten oluşturmuşsanız veya onu Campaign Manager 360'tan paylaşmışsanız Adım E'ye geçin).

   1. Yeni etiket'i seçin.

   2. “brochureDownloadTag” gibi açıklayıcı bir ad girin.

   3. Gereksinimlerinize bağlı olarak uygun etiket türünü seçin ("Floodlight Sayacı" gibi).

   4. Tanımlama etiketi değerleriyle "Reklamveren kimliği", "Grup etiketi" ve "Etkinlik etiketi dizesi"ni ayarlayın ve gerekli diğer standart etiket değerlerini yapılandırın.

   5. Özel Değişkenler altındaki açılır menüden u1'i veya izleme amaçlı kullanmak istediğiniz bir özel değişkeni seçin.

   6. Metin kutusunun yanındaki Makro düğmesini tıklayın ve 3. Adım'da oluşturduğunuz {{selectedProduct}} makrosunu seçin.

6. Gerektiği gibi test edin ve yayınlayın.