DFP in Instant-Artikel

Ich versuche herauszufinden, wie Sie meine DFP-Anzeigen zu meinem Instant-Artikel hinzufügen. Hat jemand Erfahrung damit? Facebook erwähnt, dass es möglich ist, aber ich kann keine Dokumentation darüber in DFP oder anderswo sehenDFP in Instant-Artikel

Quelle

2016-04-05 Nisso

Es gibt zwei Möglichkeiten gemäß ihrer Dokumentation. https://developers.facebook.com/docs/instant-articles/ads-analytics. Wir verwendeten das automatische Placement und unser Ansatz bestand darin, eine Route zu erstellen, um die Anzeige (ein vollständiges Dokument) nur für die Anzeige anzuzeigen und dann die URL über die erforderliche iframe src zu verwenden.

<head> 
    <meta property="fb:use_automatic_ad_placement" content="true"> 
</head>

im Körper:

<header>  
    <figure class="op-ad"> 
     <iframe src="your src" height="250" width="300"></iframe> 
    </figure> 
</header>

Quelle

2016-04-12 13:09:42 neoplomero

Hier ist ein GPT-Tag Beispiel setzt in einem Instant-Artikel Körper:

im Kopf des Dokuments, das Sie verwenden (Ich habe versucht, Das Beispiel in der Facebook-Hilfe, und es gibt viele Fehler)

<figure class="op-ad"> 
    <iframe height="250" width="300"> 
     <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> 
     <script> 
      var googletag = googletag || {}; 
      googletag.cmd = googletag.cmd || []; 
     </script> 

     <script> 
      googletag.cmd.push(function() { 
       googletag.defineSlot('/XXXXXX/FB_Articles_300x250', [300, 250], 'div-gpt-ad-XXXXXXXXX-0').addService(googletag.pubads()); 
       googletag.enableServices(); 
      }); 
     </script> 
     <!-- /133801272/FB_Articles_300x250 --> 
     <div id='div-gpt-ad-XXXXXXXXX-0'> 
      <script> 
       googletag.cmd.push(function() { googletag.display('div-gpt-ad-XXXXXXXXX-0'); }); 
      </script> 
     </div> 
    </iframe> 
    </figure>

Vergessen Sie nicht, diese Zeile in die Kopfzeile des Instant a zu setzen Artikel:

Ein Beispiel mit einem bestimmten Kontext:

<!doctype html> 
    <html lang="pt-br" prefix="op: http://media.facebook.com/op#"> 
    <head> 
     <meta charset="utf-8"> 
     <link rel="canonical" href="https://yoursite/your-article/"> 
    <meta property="fb:use_automatic_ad_placement" content="true"> 

     <meta property="fb:article_style" content="default"> 

     <meta property="op:markup_version" content="v1.0"> 
    </head> 
    <body> 

     <article> 
      <header> 
       <!-- cover --> 
        <figure class="op-ad"> 
    <iframe height="250" width="300"> 
     <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> 
     <script> 
     var googletag = googletag || {}; 
     googletag.cmd = googletag.cmd || []; 
     </script> 

     <script> 
     googletag.cmd.push(function() { 
      googletag.defineSlot('/XXXXXX/FB_Articles_300x250', [300, 250], 'div-gpt-ad-XXXXXXXXX-0').addService(googletag.pubads()); 
      googletag.enableServices(); 
     }); 
     </script> 
     <!-- /133801272/FB_Articles_300x250 --> 
     <div id='div-gpt-ad-XXXXXXXXX-0'> 
     <script> 
      googletag.cmd.push(function() { googletag.display('div-gpt-ad-XXXXXXXXX-0'); }); 
     </script> 
     </div> 
    </iframe> 
    </figure> 
           <figure> 
         <img src="https://yoursite/your-article/image.jpg" /> 

             </figure> 

       <!-- The title and subtitle shown in your Instant Article --> 
       <h1>Title;</h1> 

       <!-- author(s) --> 
       <address> 
        Writen by <a>Author</a> 
           </address> 

       <!-- publication date/time --> 
       <time class="op-published" datetime="2016-08-16T17:47:42+00:00">16 ago 2016</time> 

       <!-- modification date/time --> 
       <time class="op-modified" datetime="2016-08-16T17:47:42+00:00">16 ago 2016</time> 

      </header> 

<!-- Article body goes here (CONTINUE LIKE A NORMAL INSTANT ARTICLE) -->

Quelle

2016-08-17 20:12:17

Antwort

Verwandte Themen