Eksempler på Google Publisher-tagger

I denne artikkelen finner du eksempler på Google Publisher-tagger for implementering på mobile enheter og stasjonære datamaskiner. Finn ut hvordan du bruker Google-tag-generatoren til å generere GPT-tagger automatisk.

Denne artikkelen inneholder:

Eksempel på en asynkron Google Publisher-tag

Nedenfor ser du et eksempel på den fullstendige koden du kan bruke for å opprette en asynkron Google Publisher-tag. Denne taggen illustrerer mange av de vanlige funksjonene samt syntaksen som brukes i en asynkron annonseforespørsel fra Google Publisher-tagger.

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/asia/food", [728, 90], "div-gpt-ad-123456789-0")
24       .addService(googletag.pubads())
25       .setTargeting("interests", ["sports", "music", "movies"]);
26     googletag.defineSlot("/1234/travel/asia/food", [[468, 60], [728, 90], [300, 250]], "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>
 

Eksempel på en synkron Google Publisher-tag

Nedenfor ser du et eksempel på den fullstendig koden du må bruke for å opprette en synkron Google Publisher-tag. Denne taggen illustrerer mange av de vanlige funksjonene samt syntaksen som brukes i en synkron annonseforespørsel fra Google Publisher-tagger.

Du finner mer informasjon om generering av Google Publisher-tagger i artikkelen vår om generering av tagger i 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.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/asia/food", [728, 90], "div-gpt-ad-123456789-0")
16       .addService(googletag.pubads())
17       .setTargeting("interests", ["sports", "music", "movies"]);
18     googletag.defineSlot("/1234/travel/asia/food", [[468, 60], [728, 90], [300, 250]], "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>
 

Hvis du ikke får til å redigere overskriftene på nettsidene dine

Du kan definere annonseenheter internt i hver annonse-tag mens nettsiden lastes inn. Selv om dette ikke er den anbefalte metoden for å angi tagger, er det mulig du må gjøre dette hvis du ikke har mulighet til å redigere overskriften («head»-delen).

Siden annonse-taggen bruker JavaScript-biblioteket til GPT, må du sørge for at du tar med koden som laster inn biblioteket, før du inkluderer koden for annonse-taggen. Koden som laster inn biblioteket, er tatt med i eksempelet nedenfor.

Hvis du vil definere et annonsefelt mens nettsiden lastes inn, bruker du de følgende eksemplene:

Eksempel på asynkron GPT

Anrop til JavaScript-biblioteket til 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>

Annonse-tag, eksempel 1: asynkron integrert tag (denne metoden støtter ikke arkitektur for enkeltforespørsler)

<div id="div-gpt-ad-1234567891234-0">
  <script type='text/javascript'>
    googletag.cmd.push(function() {
      googletag.defineSlot('/1234/sports/football', [728, 90],'div-gpt-ad-1234567891234-0')
        .addService(googletag.pubads())
        .setTargeting("Gender", "Male");
      googletag.enableServices();
      googletag.display('div-gpt-ad-1234567891234-0');
  });
  </script>
</div>

Annonse-tag, eksempel 2: asynkron og komprimert integrert tag (denne metoden støtter ikke arkitektur for enkeltforespørsler eller målretting på nivå for annonsefelt)

<div id='div-gpt-ad-1234567891234-0'>
  <script type='text/javascript'>
    googletag.cmd.push(function() {
      googletag.pubads().display('/1234/sports/football', [728, 90], 'div-gpt-ad-1234567891234-0');
    });
  </script>
</div>
Eksempel på synkron GPT

Anrop til JavaScript-biblioteket for 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('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
 })();
</script>

Annonse-tag, eksempel 1: synkron integrert tag (denne metoden støtter ikke arkitektur for enkeltforespørsler)

<div id='div-gpt-ad-1234567891234-0'>
  <script type='text/javascript'>
    googletag.defineSlot('/1234/sports/football', [728, 90],'div-gpt-ad-1234567891234-0')
      .addService(googletag.pubads())
      .setTargeting("Gender", "Male");
    googletag.pubads().enableSyncRendering();
    googletag.enableServices();googletag.display('div-gpt-ad-1234567891234-0');
  </script>
</div>

Eksempelannonse-tag 2: Innebygde tagger, sammenslått format (denne metoden støtter ikke SRA eller målretting på annonsefeltnivå)

<div id='div-gpt-ad-1234567891234-0'>
  <script type='text/javascript'>
    googletag.pubads().display('/1234/sports/football', [728, 90], 'div-gpt-ad-1234567891234-0');
  </script>
</div>

Overstyr AdSense-formatering på sidenivå (valgfritt)

I de fleste tilfeller har du alt angitt formatering for AdSense-annonsene dine i DFP eller AdSense. Hvis du ønsker å overstyre denne formateringen på det individuelle sidenivået, må du imidlertid sette inn den følgende koden i taggene dine.

For asynkrone tager:

<script>
  googletag.cmd.push(function() {
    googletag.pubads().set("adsense_background_color", "FFFFFF");
  });
</script>

For synkrone tager:

<script>
  googletag.pubads().set("adsense_background_color", "FFFFFF");
</script>

Bruk en Google Publisher-tag uten JavaScript til å opprette et sporingspiksel i formatet 1 x 1

Slik oppretter du en visningssporer med GPT:

  1. Opprett en ny eller ta i bruk en eksisterende annonseenhet, og bruk denne til å spore visningstellingen.

  2. Opprett en ordrelinje i formatet 1 x 1, og legg til en transparent pikseltilpasset eller tredjeparts reklame i den.

  3. Ordrelinjen på 1 x 1 målretter du så mot annonseenheten du bruker for sporing.

  4. Opprett en Google Publisher-tag uten JavaScript, som anroper visningspikselen.

    Nedenfor vises et eksempel på koden du skal legge til i reklamekoden for å opprette en visningssporer i formatet 1 x 1, ved hjelp av tag-formatet uten JavaScript:

    <img src='http://pubads.g.doubleclick.net/gampad/ad?iu=/1234/ad_unit&sz=1x1&t=&c=12345678'/>
  5. Bruk piksel-taggen for visning på én av to måter:

    • Legg til taggen i en tilpasset eller tredjeparts reklame som skal leveres på nettsiden: I reklamens Innstillinger-fane legger du til taggen øverst i Kodebit-feltet.

    • Legg til taggen direkte på nettsiden.

Hvis du ønsker ytterligere informasjon om hvordan du genererer nettadresser som ikke er basert på JavaScript, leser du gjennom artikkelen om