Tıklamada Floodlight etiketini tetikleme

Kullanıcılar tıklama, PDF indirme, bir menüden öğe seçme veya form gönderme gibi bir işlem gerçekleştirdiğinde Floodlight çağrısı başlatmak için bir JavaScript etkinlik işleyicisi kullanabilirsiniz.

Aşağıda açıklanan yöntem kullanıcının tarayıcısında JavaScript'in etkin olmasını gerektirir. JavaScript kapalıysa Floodlight çağrısı yapılmaz.

Genel Bakış

Bu yöntemin temel dayanağı; özel değişkenler, satışla ilgili değişkenler ve önbellek bozucular gibi gerekli tüm parametrelerle birlikte JavaScript'i dinamik bir şekilde kullanan bir Iframe veya resim etiketi (Resim Floodlight etiketlerinde) oluşturmaktır.

Floodlight etkinliğinin kendisini tanımlamak için kullanılan parametreler (type ve cat) URL'de de var olduğundan, bu yöntem kullanılarak aynı sayfadan farklı Floodlight etkinliklerinin dinamik bir şekilde çağrılması da mümkündür. Bu, AJAX tabanlı sayfalar için yararlı olur.

Aşağıda açıklanan işlevler, HTML dosyasının gövdesinde bir onclick() veya onsubmit() işlevi kullanılarak çağrılabilir. Bir açılış sayfasına veya bir dosya indirmesine yönlendirme yapan onclick etkinliklerinde target="_blank" özelliğini kullanmanız gerekir. Aksi takdirde, aynı tarayıcı sekmesine yapılacak yönlendirme etiketin düzgün bir şekilde etkinleşmesini engeller.

Bu demo sayfasında çalışan kodun uygulandığı diğer benzer örnekler bulabilirsiniz (web yöneticisi kaynak koda bakabilir). https://storage.googleapis.com/dcm-floodlight/Floodlight_on_Click_EXAMPLE.html

JavaScript işlev açıklamalarını web sayfasının <head> bölümünde uygulamanızı öneririz.

Bu yöntemin tıklama dönüşümlerinin sayımında beklenmedik etkileri olabileceği için yalnızca başka kullanılabilir seçenek olmadığında kullanılması gerekir. Floodlight etiketi doğru açılış sayfasına yerleştirilmediğinden fazla sayım olabilir, ancak etiket JavaScript'in etkinleştirilmesine bağlı olduğundan, az sayım da olabilir. Bu yöntemi, bir PDF dosyasına tıklanan bir reklam senaryosunda düşünebilirsiniz. Ancak, bu örnekte dahi, PDF dosyasının bir açılış sayfasına yerleşik nesne olarak eklenmesi ve Floodlight etiketinin açılış sayfasına yerleştirilmesi mümkündür. Nesnelerin açılış sayfalarına yerleştirilmesi daha doğru sayımlar sağlar.

Örnek 1 - Bir özel değişken ileten standart sayaç etiketi çağırma

Aşağıdaki örnekte u1 özel değişkeni kullanılmaktadır.

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD1(type, cat, u1) {
        var axel = Math.random()+"";
        var a = axel * 10000000000000000;
        var flDiv=document.body.appendChild(document.createElement("div"));
        flDiv.setAttribute("id","DCLK_FLDiv1");
        flDiv.style.position="absolute";
        flDiv.style.top="0";
        flDiv.style.left="0";
        flDiv.style.width="1px";
        flDiv.style.height="1px";
        flDiv.style.display="none";
        flDiv.innerHTML='<iframe id="DCLK_FLIframe1" src="http://12345678.fls.doubleclick.net/activityi;src=12345678;type=' + type + ';cat=' + cat + ';u1=' + u1 + ';ord=' + a + '?" width="1" height="1" frameborder="0"><\/iframe>';
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD1('testtype', 'testcat', 'testu1');" target="_blank">Etiketi test etmek için burayı tıklayın</a>
</body>

Örnek 2 - Resim Floodlight etiketi kullanma

Resim etiketi kullanmanın varsayılan etiketlerin ve yayıncı etiketlerinin tetiklenmesini engelleyeceğini unutmayın.

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD2(type, cat, u1) {
        var axel = Math.random()+"";
        var a = axel * 10000000000000000;
        var spotpix = new Image();
        spotpix.src="http://ad.doubleclick.net/activity;src=12345678;type=" + type + ";cat=" + cat + ";u1=" + u1 + ";ord=" + a + "?";
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD2('testtype', 'testcat', 'testu1');" target="_blank">Etiketi test etmek için burayı tıklayın</a>
</body>

Örnek 3 - Bir sayaç etiketi çağırma ve türünü belirtme

Bu durumda, isUnique için 1 değeriyle (veya bir genel değerle) bir işlev çağrıldığında, etiket Benzersiz Kullanıcılar 24 Saat sayaç türünde çağrılır; 0 değerinin iletilmesi veya değerin atlanması, etiketin standart bir sayaç türünde çağrılmasına neden olur.

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD3(type, cat, isUnique) {
        var axel = Math.random()+"";
        var a = axel * 10000000000000000;
        var flDiv=document.body.appendChild(document.createElement("div"));
        var cachebust = (isUnique)?';ord=1;num=':';ord=';
        flDiv.setAttribute("id","DCLK_FLDiv1");
        flDiv.style.position="absolute";
        flDiv.style.top="0";
        flDiv.style.left="0";
        flDiv.style.width="1px";
        flDiv.style.height="1px";
        flDiv.style.display="none";
        flDiv.innerHTML='<iframe id="DCLK_FLIframe1" src="http://12345678.fls.doubleclick.net/activityi;src=12345678;type=' + type + ';cat=' + cat + cachebust + a + '?" width="1" height="1" frameborder="0"><\/iframe>';
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD3('testtype', 'testcat', 1);" target="_blank">Etiketi test etmek için burayı tıklayın</a>
</body>

Örnek 4 - Satışla ilgili değişkenler için bir etiket çağırma

qty (etkinlik sayısı), cost ve ord parametreleri ile u1 özel değişkenini belirten etiketler oluşturmak için aşağıdaki kodu kullanın

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD4(qty, cost, u1, ord) {
        var flDiv=document.body.appendChild(document.createElement("div"));
        flDiv.setAttribute("id","DCLK_FLDiv1");
        flDiv.style.position="absolute";
        flDiv.style.top="0";
        flDiv.style.left="0";
        flDiv.style.width="1px";
        flDiv.style.height="1px";
        flDiv.style.display="none";
        flDiv.innerHTML='<iframe id="DCLK_FLIframe1" src="http://12345678.fls.doubleclick.net/activityi;src=12345678;type=123;cat=456;qty=' + qty + ';cost=' + cost + ';u1=' + u1 + ';ord='+ ord + '?" width="1" height="1" frameborder="0"><\/iframe>';
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD4(2, 100.34, 'testu1', 'testorderid');" target="_blank">Etiketi test etmek için burayı tıklayın</a>
</body>

Önemli: Kullanılan gerçek kod, Floodlight etiketini yerleştirecek sitenin sorumluluğundadır. Bu sorumluluk, lansman öncesinde işlevselliğin tam olarak test edilmesini içerir.

Bu size yardımcı oldu mu?

Bunu nasıl iyileştirebiliriz?