Spuštění značky Floodlight kliknutím

Když uživatel provede akci jako kliknutí, stažení souboru PDF, výběr položky z nabídky nebo odeslání formuláře, můžete pomocí obslužné rutiny události JavaScriptu inicializovat volání Floodlight.

Níže popsaná metoda vyžaduje, aby měl uživatel v prohlížeči povolený JavaScript. Pokud je JavaScript vypnutý, volání Floodlight neproběhne.

Přehled

Základním předpokladem této metody je dynamické vytvoření značky iframe nebo značky obrázku (v případě značek Image Floodlight) a všech požadovaných parametrů (vlastních proměnných, proměnných souvisejících s prodeji a parametrů pro vyřazení mezipaměti) pomocí JavaScriptu.

Jelikož parametry sloužící k definování samotné aktivity Floodlight (type a cat) se nacházejí také v adrese URL, je tuto metodu možné použít také k dynamickému volání různých aktivit Floodlight z jedné stránky. To je užitečné u stránek založených na technikách AJAX.

Níže popsané funkce lze volat pomocí funkce onclick() nebo onsubmit() v těle souboru HTML. Pro události onclick, které přesměrovávají na vstupní stránku nebo stažení souboru, je nutné použít atribut target="_blank". V opačném případě přesměrování na stejnou kartu prohlížeče zabrání správnému spuštění značky.

Další podobné příklady funkčního kódu jsou implementovány na této vzorové stránce (administrátoři webu si mohou prohlédnout její zdrojový kód). https://storage.googleapis.com/support-kms-prod/htYz5eiff51IBVoaLbe4B6P8K5zstwZH6chy

Všechny deklarace funkcí JavaScriptu doporučujeme implementovat v části <head> příslušné webové stránky.

Tuto metodu doporučujeme použít pouze tehdy, když není k dispozici žádná jiná možnost, protože může mít nepředvídatelný vliv na započítávání konverzí po prokliku. Jelikož značka Floodlight není umístěna na skutečné vstupní stránce, může docházet k započítávání neuskutečněných konverzí. Protože však značka zároveň závisí na tom, zda je povolen JavaScript, může dojít i k tomu, že některé konverze naopak započítány nebudou. Tato metoda může být užitečná například u reklamy, jejíž proklik má za následek otevření souboru PDF. Avšak i v takové situaci je možné soubor PDF umístit na vstupní stránku jako vložený objekt a značku Floodlight rovněž umístit na vstupní stránku. Vložíte-li objekt na vstupní stránku, započítávání bude přesnější.

Příklad 1: Volání standardní značky počítadla, která předá vlastní proměnnou

V následujícím příkladu je použita vlastní proměnná u1.

<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">Click here to test the tag</a>
</body>

Příklad 2: Použití obrázkové značky Floodlight

Poznámka: Použití značky obrázku zabrání spuštění výchozích značek a značek majitele stránek.

<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">Click here to test the tag</a>
</body>

Příklad 3: Volání značky počítadla a určení jejího typu

Volání funkce s hodnotou 1 (nebo generickou hodnotou) parametru isUnique bude mít v tomto případě za následek volání značky jako typu počítadla „Unikátní uživatelé za 24 hodin“, zatímco zadání hodnoty 0 nebo její vynechání bude mít za následek volání standardního typu počítadla.

<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">Click here to test the tag</a>
</body>

Příklad 4 – Volání značky pro proměnné spojené s prodejem

Následující kód slouží k vytvoření značek, které určují parametry qty (počet aktivit), cost a ord a vlastní proměnnou u1.

<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">Click here to test the tag</a>
</body>

Důležité: Za použitý kód odpovídá web, který značku Floodlight implementuje. To zahrnuje veškeré testování funkčnosti před uvedením do provozu.

Pomohly vám tyto informace?

Jak bychom článek mohli vylepšit?