Søk
Slett søket
Lukk søket
Google-apper
Hovedmeny

Eksempler på Google Publisher-tager

I denne artikkelen finner du eksempler på Google Publisher-tager for implementering på mobile enheter og stasjonære datamaskiner. Finn ut hvordan du bruker generatoren for Google Publisher-tager.

Eksempel på 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-tag.

Hvis du vil finne ut mer om hvordan du genererer Google Publisher-tager, kan du lese artikkelen vår om generering av tager i DFP.

1 <html>
  • Linje 3–15 er standardtekst som asynkront laster inn – om nødvendig ved hjelp av SSL/HTTPS – JavaScript-biblioteket for GPT, som brukes av DFP. Her settes kommandokøen sammen, og den håndterer listen over funksjoner (som regel annonseanrop) som skal behandles asynkront. Utgivere trenger ikke å gjøre endringer i denne delen av koden.

  • (Valgfritt:) Linje 16–20 angir attributter på sidenivå for annonsefelter som leverer til AdSense. Hvis disse angis her, overstyres eventuelle stilsett i DFP eller AdSense. Dette brukes vanligvis ikke, siden du kan angi dette i DFP. Du kan finne ut mer om hvordan du angir AdSense-parametere i GPT ved å lese dokumentasjonen for funksjonen .set() i brukerstøtten.

  • Linje 17, 22, 39 og 46: Hvis du bruker asynkron gjengivelse, pakker du inn JavaScript-kodingen – etter mønsteret til det innledende skriptet for standardtekst – i funksjonen googletag.cmd.push på linje 17. Dette legger til funksjonen i kommandokøen, og der blir den behandlet asynkront hva gjelder sideinnlastingen. Finn ut mer om forskjeller mellom synkron og asynkron gjengivelse.

  • Linje 23: "/1234/travel/asia/food" angir nettverkskoden (1234) og annonseenheten det målrettes mot (travel/asia/food). Du kan finne nettverkskoden din i Administrator-fanen i DFP.

    [728, 90] angir reklamestørrelsen til annonsefeltet. Her indikerer du hvilken reklamestørrelse eller hvilke reklamestørrelser som skal kunne levere til dette annonsefeltet. Du kan indikere flere størrelser ved hjelp av følgende syntaks: [[width1, height1], [width2, height2], [width3, height3]]. Alle størrelser her bør også være knyttet til den målrettede annonseenheten – dette gjør bare at du kan innskrenke listen på bakgrunn av det bestemte annonsefeltet.

  • Linje 23, 26, 37, 40, 44 og 47: "div-gpt-ad-123456789-0" viser hvordan vi samkjører annonsefeltene definert i overskriften («head»-delen), med annonsefeltene på nettsiden (div-taggene i brødteksten der reklamene leveres). Så lenge som de stemmer overens med hverandre, kan de navngis hva som helst. Kodegeneratoren bruker imidlertid "div-gpt-ad-[random number]-0", "div-gpt-ad-[random number]-1" og så videre. Dette er en ryddig måte å gjøre dem like på, samtidig som de holdes adskilte.

    Selv om det her brukes vilkårlige tall, er ikke dette måten GPT unikt identifiserer en annonseforespørsel på. Det gjøres bak kulissene ved hjelp av GPT-biblioteket. Disse navnene kan i tillegg gjenbrukes på andre nettsider, forutsatt at det ikke fins flere forekomster av det samme div-navnet på den samme nettsiden.

  • Linje 25, 28, 29 og 30: Med funksjonen .setTargeting() kan du angi nøkkelverdi-målretting på feltnivå. Du kan knytte flere verdier til én nøkkel, slik som i det første eksemplet: ("key". ["value1", "value2", "value3"]). Hvis du vil angi målretting mot flere nøkler, anroper du funksjonen slik som demonstrert i det andre eksemplet (gender=male og age=20-30). Du kan finne ut mer om hvordan du angir parametere for nøkkelverdier i GPT ved å lese gjennom dokumentasjonen for funksjonen .setTargeting() så vel som artikkelen vår om «Angivelse av målretting og størrelser med GPT». Selv om det her brukes vilkårlige tall, er ikke dette måten GPT unikt identifiserer en annonseforespørsel på. Det gjøres bak kulissene ved hjelp av GPT-biblioteket. Disse navnene kan i tillegg gjenbrukes på andre nettsider, forutsatt at det ikke fins flere forekomster av det samme div-navnet på den samme nettsiden.

  • Linje 30: googletag.pubads().setTargeting("topic","basketball"); angir målretting mot nøkkelverdier på sidenivå. Legg merke til at når tilpasset målretting konfigureres ved bruk av tilpasset målretting på sidenivå, så overføres denne tilpassede målrettingen til alle annonsefelter. Akkurat som med tilpasset målretting på feltnivå, kan du knytte flere verdier til én nøkkel: ("key". ["value1", "value2", "value3"]). Du kan finne mer om hvordan du angir nøkkelverdi-parametere i GPT ved å lese gjennom dokumentasjonen for funksjonen .setTargeting() så vel som artikkelen vår om «Angivelse av målretting og størrelser med GPT».

  • Linje 31: googletag.pubads().enableSingleRequest(); aktiverer arkitektur for enkeltforespørsler («Single Request Architecture» – SRA). Ta med denne linjen om du vil sende et anrop til alle annonsefelter i ett anrop (åpner for garanterte veisperringer og, ved å samle annonser i ett anrop, kan medføre fordeler med tanke på ytelsen på nettsiden din). Hvorfor skulle noen ikke ønske å bruke SRA? SRA støtter foreløpig ikke tilbakespoling av DoubleClick-tagger (InRed-tag), ei heller Google-annonser som kan programmeres.

  • Linje 37: (valgfritt:) style="width: 728px; height: 90px" er størrelsen elementet tar før reklamen gjengis. Hvis du bruker tager i flere størrelser, er det best å utelate denne størrelsen (i så fall benyttes størrelsen på den valgte reklamen som størrelse for elementet, når reklamen er gjengitt). Hvis du eventuelt velger å bruke den, må du sørge for at begge dimensjonene er store nok til å inneholde den største av de kvalifiserte reklamene. For annonse-tager i én enkelt størrelse kan dette imidlertid brukes for å utvide beholderelementet frem til reklamen lastes inn, slik at andre sideelementer ikke forskyves når reklamen gjengis.

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-tag.

Hvis du vil finne ut mer om hvordan du genererer Google Publisher-tager, kan du lese artikkelen vår om generering av tager i DFP.

1 <html>
  • Linje 3–10 er standardtekst som asynkront laster inn – om nødvendig ved hjelp av SSL/HTTPS – JavaScript-biblioteket for GPT, som brukes av DFP. Her settes kommandokøen sammen, og den håndterer listen over funksjoner (som regel annonseanrop) som skal behandles asynkront. Utgivere trenger ikke å gjøre endringer i denne delen av koden.

  • (Valgfritt:) Linje 11–13 angir attributter på sidenivå for annonsefelter som leverer til AdSense. Hvis disse angis her, overstyres eventuelle stilsett i DFP eller AdSense. Dette brukes vanligvis ikke, siden du kan angi dette i DFP. Du kan finne ut mer om hvordan du angir AdSense-parametere i GPT ved å lese dokumentasjonen for funksjonen .set() i brukerstøtten.

  • Linje 15 og 18: "/1234/travel/asia/food" angir nettverkskoden (1234) og annonseenheten det målrettes mot (travel/asia/food). Du kan finne nettverkskoden din i Administrator-fanen i DFP.

    [728, 90] angir reklamestørrelsen til annonsefeltet. Her indikerer du hvilken reklamestørrelse eller hvilke reklamestørrelser som skal kunne levere til dette annonsefeltet. Du kan indikere flere størrelser ved hjelp av følgende syntaks: [[width1, height1], [width2, height2], [width3, height3]]. Alle størrelser her bør også være knyttet til den målrettede annonseenheten – dette gjør bare at du kan innskrenke listen på bakgrunn av det bestemte annonsefeltet.

    Linje 15, 18, 29, 31, 34 og 36: "div-gpt-ad-123456789-0" viser hvordan vi samkjører annonsefeltene definert i overskriften («head»-delen), med annonsefeltene på nettsiden (div-taggene i brødteksten der reklamene leveres). Så lenge som de stemmer overens med hverandre, kan de navngis hva som helst. Kodegeneratoren bruker imidlertid "div-gpt-ad-[random number]-0", "div-gpt-ad-[random number]-1" og så videre. Dette er en ryddig måte å gjøre dem like på, samtidig som de holdes adskilte.

    Selv om det her brukes vilkårlige tall, er ikke dette måten GPT unikt identifiserer en annonseforespørsel på. Det gjøres bak kulissene ved hjelp av GPT-biblioteket. Disse navnene kan i tillegg gjenbrukes på andre nettsider, forutsatt at det ikke fins flere forekomster av det samme div-navnet på den samme nettsiden.

  • Linje 17, 20, 21 og 22: (Valgfritt:) Med funksjonen .setTargeting() kan du angi nøkkelverdi-målretting på feltnivå. Du kan knytte flere verdier til én nøkkel, slik som i det første eksemplet: ("key". ["value1", "value2", "value3"]). Hvis du vil angi målretting mot flere nøkler, anroper du funksjonen slik som demonstrert i det andre eksemplet (gender=male og age=20-30). Du kan finne ut mer om hvordan du angir parametere for nøkkelverdier i GPT ved å lese gjennom dokumentasjonen for funksjonen .setTargeting() så vel som artikkelen vår om «Angivelse av målretting og størrelser med GPT». Selv om det her brukes vilkårlige tall, er ikke dette måten GPT unikt identifiserer en annonseforespørsel på. Det gjøres bak kulissene ved hjelp av GPT-biblioteket. Disse navnene kan i tillegg gjenbrukes på andre nettsider, forutsatt at det ikke fins flere forekomster av det samme div-navnet på den samme nettsiden.

  • Linje 22: googletag.pubads().setTargeting("topic","basketball"); angir målretting mot nøkkelverdier på sidenivå. Legg merke til at når tilpasset målretting konfigureres ved bruk av tilpasset målretting på sidenivå, så overføres denne tilpassede målrettingen til alle annonsefelter. Akkurat som med tilpasset målretting på feltnivå, kan du knytte flere verdier til én nøkkel: ("key". ["value1", "value2", "value3"]). Du kan finne mer om hvordan du angir nøkkelverdi-parametere i GPT ved å lese gjennom dokumentasjonen for funksjonen .setTargeting() så vel som artikkelen vår om «Angivelse av målretting og størrelser med GPT».

  • Linje 23: googletag.pubads().enableSingleRequest(); aktiverer arkitektur for enkeltforespørsler («Single Request Architecture» – SRA). Ta med denne linjen om du vil sende et anrop til alle annonsefelter i ett anrop (åpner for garanterte veisperringer og, ved å samle annonser i ett anrop, kan medføre fordeler med tanke på ytelsen på nettsiden din). Hvorfor skulle noen ikke ønske å bruke SRA? SRA støtter foreløpig ikke tilbakespoling av DoubleClick-tagger (InRed-tag), ei heller Google-annonser som kan programmeres.

  • Linje 24: Hvis du vil gjengi reklamene synkront, legger du til googletag.pubads().enableSyncRendering();. Dette ber tjenesten om å vente på at hver enkelt annonseforespørsel skal fullføres før nettsiden gjengis videre.

  • Linje 29: (Valgfritt:) style="width: 728px; height: 90px" er størrelsen elementet tar før reklamen gjengis. Hvis du bruker tager i flere størrelser, er det best å utelate denne størrelsen (i så fall benyttes størrelsen på den valgte reklamen som størrelse for elementet, når reklamen er gjengitt). Hvis du eventuelt velger å bruke den, må du sørge for at begge dimensjonene er store nok til å inneholde den største av de kvalifiserte reklamene. For annonse-tager i én enkelt størrelse kan dette imidlertid brukes for å utvide beholderelementet frem til reklamen lastes inn, slik at andre sideelementer ikke forskyves når reklamen gjengis.

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 tager, 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 til 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>

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>

Annonse-tag, eksempel 2: 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.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 imidlertid ønsker å overstyre denne formateringen på det individuelle sidenivået, kan du 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 annonselevering til et miljø uten JavaScript.

Var denne artikkelen nyttig?
Hvordan kan vi forbedre den?