Zamanlayıcı ekleme

Zamanlayıcı, bir reklam öğesindeki herhangi bir işlemin uzunluğunu ölçer; örneğin kullanıcının bir oyunu oynadığı süre gibi.

Zamanlayıcılar ile çalışırken hangi etkileşimlerin zamanlayıcıyı durdurması gerektiğini göz önünde bulundurmalısınız. Örneğin, bir kullanıcının bir oyunu ne kadar süre oynadığı ile ilgili zamanlamanız varsa kullanıcı bir kapat düğmesini veya herhangi bir çıkışı tıkladığında zamanlayıcının durması gerekir. Oyuncu oyunu durdurduğunda veya uygulamadan çıktığında zamanlayıcıyı durdurduğunuzdan emin olun.

Google Web Designer'ı kullanarak zamanlayıcı ekleme

1. "Etkinlikler" paneline gidin ve istediğiniz nesneye bir etkinlik atamak için "artı" (+) düğmesini tıklayın.
2. Etkinlikler pop-up penceresinde kaynak olarak nesnenin örneğini seçin.
3. Dokuma Alanı'nı ve ardından Dokun/Tıkla'yı seçin.
4. Yine Etkinlikler pop-up penceresinde "İşlem" paneline gidip Google Reklamı'nı, ardından Zamanlayıcıyı başlat'ı tıklayın.
5. "Alıcı" paneline gidip gwd-ad öğesini tıklayın.
6. "Yapılandırma" paneline gidin ve izleme amacıyla kullanmak istediğiniz Metrik Kimliği'ni girin. Zamanlayıcıyı durdurmak için yeniden kullanmanız gerekeceğinden buraya girdiğiniz kimliği unutmayın.
7. Zamanlayıcıyı durdurmak için aynı adımları tekrarlayın. Önceki adımda kullandığınız metrik kimliğinin aynısını kullanın.
8. Kaydet'i tıklayın. Belirttikleriniz dikkate alınarak, izleme kodu sizin için otomatik olarak eklenir; dolayısıyla daha sonra kaynak koduna giderek düzenlemeniz gerekmez.
9. Tercih ettiğiniz tarayıcıyı kullanarak reklamınızı önizleyin.
10. Reklamı Studio'ya yayınlayın.

Herhangi bir HTML düzenleyiciyi kullanarak zamanlayıcı ekleme

1. <div> etiketleri kullanarak reklamınızda iki düğme öğesi oluşturun. Öğeleri HTML dosyasında oluşturun ve CSS dosyasında onlara stil verin. Daha sonra, start-timer ve stop-timer için farklı kimlikler atayın.

   HTML dosyasındaki örnek <div> etiket nesnesi:

   <div id="start-timer">ZAMANLAYICIYI BAŞLAT</div>
<div id="stop-timer">ZAMANLAYICIYI DURDUR</div>

   CSS dosyasındaki örnek stil ve kimlik seçici:

   #start-timer {
       position: absolute;
       width: 130px;
       height: 20px;
       top: 60px;
       left: 25px;
       cursor: pointer;
   }
   
   #stop-timer {
       position: absolute;
       width: 130px;
       height: 20px;
       top: 85px;
       left: 25px;
       cursor: pointer;
   }

2. Şu JavaScript yöntemini kullanarak bir zamanlayıcı başlatın: Enabler.startTimer(timerId:String);
3. Şu JavaScript yöntemini kullanarak bir zamanlayıcıyı durdurun: Enabler.stopTimer(timerId:String);
   • timerId, raporlarda göreceğiniz zamanlayıcının adıdır. Zamanlayıcıyı, kaydettiğiniz işlemle ilişkilendirmenize yardımcı olacak bir ad kullanın. Reklam öğesini Studio'ya yüklediğinizde veya reklam öğesini Campaign Manager 360'ta trafiğe eklediğinizde bu zamanlayıcıyı yeniden adlandırabilirsiniz.
   • Zamanlayıcıyı durdurmak için stopTimer içinde kullanılan timerId, startTimer içinde kullanılan kimlikle eşleşmelidir. Kimlik büyük/küçük harfe duyarlıdır; bu nedenle tam olarak aynı dizeyi kullandığınızdan emin olun.
   • Bu yöntemleri kullanmak için öncelikle Etkinleştirici kitaplığını eklemeniz ve başlatmanız gerekir.

Kod snippet'i

function startTimerHandler(e) {
    Enabler.startTimer('Zamanlayıcım');
}
document.getElementById('start-timer').addEventListener('click',
startTimerHandler, false);

function stopTimerHandler(e) {
    Enabler.stopTimer('Zamanlayıcım');
}
document.getElementById('stop-timer').addEventListener('click',
stopTimerHandler, false);