Příklad asynchronní značky Google Publisher Tag
Níže je ukázka celého kódu, který byste použili k vytvoření asynchronní značky Google Publisher Tag. Tato značka ilustruje množství běžných funkcí a příkladů syntaxe používaných v žádostech o reklamy s asynchronní značkou GPT.
Další informace o generování značek Google Publisher Tag naleznete v článku generování značek ve službě DFP.
1 |
<html> |
|
2 |
<head> |
|
3 |
<script type="text/javascript"> |
|
4 |
var googletag = googletag || {}; |
|
5 |
googletag.cmd = googletag.cmd || []; |
|
6 |
(function() { |
|
7 |
var gads = document.createElement("script"); |
|
8 |
gads.async = true; |
|
9 |
gads.type = "text/javascript"; |
|
10 |
var useSSL = "https:" == document.location.protocol; |
|
11 |
gads.src = (useSSL ? "https:" : "http:") + "//www.googletagservices.com/tag/js/gpt.js"; |
|
12 |
var node =document.getElementsByTagName("script")[0]; |
|
13 |
node.parentNode.insertBefore(gads, node); |
|
14 |
})(); |
|
15 |
</script> |
|
16 |
<script type="text/javascript"> |
|
17 |
googletag.cmd.push(function() { |
|
18 |
googletag.pubads().set("adsense_background_color", "FFFFFF"); |
|
19 |
}); |
|
20 |
</script> |
|
21 |
<script> |
|
22 |
googletag.cmd.push(function() { |
|
23 |
googletag.defineSlot("/1234/travel", [[300,250],[300x600]], "div-gpt-ad-123456789-0") |
|
24 |
.addService(googletag.pubads()) |
|
25 |
.setTargeting("interests", ["sports", "music", "movies"]); |
|
26 |
googletag.defineSlot("/1234/travel", [[300,250],[300x600]], "div-gpt-ad-123456789-1") |
|
27 |
.addService(googletag.pubads()) |
|
28 |
.setTargeting("gender", "male") |
|
29 |
.setTargeting("age", "20-30"); |
|
30 |
googletag.pubads().setTargeting("topic","basketball"); |
|
31 |
googletag.pubads().enableSingleRequest(); |
|
32 |
googletag.enableServices(); |
|
33 |
}); |
|
34 |
</script> |
|
35 |
</head> |
|
36 |
<body> |
|
37 |
<div id="div-gpt-ad-123456789-0" style="width: 728px; height: 90px"> |
|
38 |
<script type="text/javascript"> |
|
39 |
googletag.cmd.push(function() { |
|
40 |
googletag.display("div-gpt-ad-123456789-0"); |
|
41 |
}); |
|
42 |
</script> |
|
43 |
</div> |
|
44 |
<div id="div-gpt-ad-123456789-1"> |
|
45 |
<script type="text/javascript"> |
|
46 |
googletag.cmd.push(function() { |
|
47 |
googletag.display("div-gpt-ad-123456789-1"); |
|
48 |
}); |
|
49 |
</script> |
|
50 |
</div> |
|
51 |
</body> |
|
52 |
</html> |
Příklad synchronní značky Google Publisher Tag
Níže je ukázka celého kódu, který byste použili k vytvoření synchronní značky Google Publisher Tag. Tato značka ilustruje množství běžných funkcí a příkladů syntaxe používaných v žádostech o reklamy se synchronní značkou GPT.
Další informace o generování značek Google Publisher Tag naleznete v článku generování značek ve službě DFP.
1 |
<html> |
|
2 |
<head> |
|
3 |
<script type="text/javascript"> |
|
4 |
(function() { |
|
5 |
var useSSL = "https:" == document.location.protocol; |
|
6 |
var src = (useSSL ? 'https:' : 'http:') + |
|
7 |
'//www.googletagservices.com/tag/js/gpt_mobile.js'; |
|
8 |
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); |
|
9 |
})(); |
|
10 |
</script> |
|
11 |
<script type="text/javascript">
|
|
12 |
googletag.pubads().set("adsense_background_color", "FFFFFF"); |
|
13 |
</script> |
|
14 |
<script> |
|
15 |
googletag.defineSlot("/1234/travel", [[300,250],[300x600]], "div-gpt-ad-123456789-0") |
|
16 |
.addService(googletag.pubads()) |
|
17 |
.setTargeting("interests", ["sports", "music", "movies"]); |
|
18 |
googletag.defineSlot("/1234/travel", [[300,250],[300x600]], "div-gpt-ad-123456789-1") |
|
19 |
.addService(googletag.pubads()) |
|
20 |
.setTargeting("gender", "male") |
|
21 |
.setTargeting("age", "20-30"); |
|
22 |
googletag.pubads().setTargeting("topic","basketball"); |
|
23 |
googletag.pubads().enableSingleRequest(); |
|
24 |
googletag.pubads().enableSyncRendering(); |
|
25 |
googletag.enableServices(); |
|
26 |
</script> |
|
27 |
</head> |
|
28 |
<body> |
|
29 |
<div id="div-gpt-ad-123456789-0" style="width: 728px; height: 90px"> |
|
30 |
<script type="text/javascript" |
|
31 |
googletag.display('div-gpt-ad-123456789-0'); |
|
32 |
</script> |
|
33 |
</div> |
|
34 |
<div id="div-gpt-ad-123456789-1"> |
|
35 |
<script type="text/javascript" |
|
36 |
googletag.display("div-gpt-ad-123456789-1"); |
|
37 % |
</script> |
|
38 |
</div> |
|
39 |
</body> |
|
40 |
</html> |
Určení vložených reklamních jednotek v jednotlivých značkách reklamy
Reklamní jednotky můžete definovat přímo v jednotlivých značkách reklamy při načítaní stránky. Nejedná se o doporučený způsob značkování, je ale nezbytný v případě, že nemáte možnost měnit hlavičku.
Protože značka reklamy používá knihovnu jazyka JavaScript pro značky GPT, je nutné před kódem značky uvést kód, který tuto knihovnu načítá. The code that loads the library is included in the below example.
To define an ad slot as the page loads, use the following examples:
Asynchronous GPT exampleVolání javascriptové knihovny GPT
<script type="text/javascript">
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement("script");
gads.async = true;
gads.type = "text/javascript";
var useSSL = "https:" == document.location.protocol;
gads.src = (useSSL ? "https:" : "http:") + "//www.googletagservices.com/tag/js/gpt.js";
var node =document.getElementsByTagName("script")[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
Sample ad tag 1: Asynchronous inline tag (this method does not support SRA)
<div id="div-gpt-ad-1234567891234-0">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/1234/sports', [[300,250],[300x600]],'div-gpt-ad-1234567891234-0')
.addService(googletag.pubads())
.setTargeting("Gender", "Male");
googletag.enableServices();
googletag.display('div-gpt-ad-1234567891234-0');
});
</script>
</div>
Sample ad tag 2: Asynchronous condensed inline tag (this method does not support SRA or ad-slot level targeting)
<div id='div-gpt-ad-1234567891234-0'>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.pubads().display('/1234/sports', [[300,250],[300x600]], 'div-gpt-ad-1234567891234-0');
});
</script>
</div>
Příklad synchronní značky GPT
Volání javascriptové knihovny GPT
<script type="text/javascript">
(function() {
var useSSL = 'https:' == document.location.protocol;
var src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
document.write('');
})();
</script>
Ukázková značka reklamy 1: synchronní vložená značka (tato metoda nepodporuje značky SRA)
<div id='div-gpt-ad-1234567891234-0'>
<script type='text/javascript'>
googletag.defineSlot('/1234/sports', [[300,250],[300x600]],'div-gpt-ad-1234567891234-0')
.addService(googletag.pubads())
.setTargeting("Gender", "Male");
googletag.enableServices();googletag.display('div-gpt-ad-1234567891234-0');
</script>
</div>
Ukázková značka reklamy 2: vložené značky, kondenzovaná forma (tato metoda nepodporuje značky SRA ani cílení na úrovní reklamního bloku)
<div id='div-gpt-ad-1234567891234-0'>
<script type='text/javascript'>
googletag.pubads().display('/1234/sports', [[300,250],[300x600]], 'div-gpt-ad-1234567891234-0');
</script>
</div>
Přepsání formátování reklam AdSense na úrovni stránky (volitelné)
Ve většině případů jste již formátování reklam AdSense nastavili ve službě DFP nebo AdSense. Pokud však toto formátování chcete na úrovni jednotlivých stránek přepsat, můžete do značek vložit následující kód.
Pro asynchronní značky:
<script>
googletag.cmd.push(function() {
googletag.pubads().set("adsense_background_color", "FFFFFF");
});
</script>
Pro synchronní značky:
<script>
googletag.pubads().set("adsense_background_color", "FFFFFF");
</script>
Použití nejavascriptové značky GPT k vytvoření měřicího pixelu 1x1
Postup vytvoření měřicího kódu pomocí značky GPT:
Vytvořte novou reklamní jednotku nebo vyberte nějakou existující, pomocí které chcete sledovat počet zobrazení.
Vytvořte řádkovou položku 1x1 a přidejte do ní reklamu (vlastní nebo třetí strany) v podobě průhledného pixelu.
Nastavte pro řádkovou položku 1x1 cílení na měřicí reklamní jednotku.
Vytvořte nejavascriptovou značku GPT, která volá pixel pro měření zobrazení.
Níže je ukázka kódu, jehož přidáním do kódu reklamy byste mohli měřit zobrazení ve formátu nejavascriptové značky:
<img src='http://pubads.g.doubleclick.net/gampad/ad?iu=/1234/ad_unit&sz=1x1&t=&c=12345678'/>Značku pixelu pro měření zobrazení můžete použít dvěma způsoby:
přidat značku do vlastní reklamy nebo do reklamy třetí strany, která se zobrazí na stránce: na kartě Nastavení reklamy přidejte značku do horní části pole Fragment kódu;
přidat značku přímo na webovou stránku.
Další informace o generování nejavascriptových adres URL naleznete v našem článku o zobrazování reklam v prostředí bez JavaScriptu.