Agregar amp-ad


amp-ad


Cómo mostrar anuncios en los archivos HTML de AMP.

Agregar

Importe el componente amp-ad justo después de la apertura <head>

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

Uso básico

amp-ad requiere valores de width y height. Seleccione una red de anuncios a través del argumento de tipo.


Ejemplo







<amp-ad width="300"
  height="250"
  type="a9"
  data-aax_size="300x250"
  data-aax_pubname="test123"
  data-aax_src="302">
</amp-ad>

Uso de marcadores de posición

Opcionalmente, amp-ad admite un elemento placeholder con el marcador de posición. Si la red de anuncios lo admite, se muestra este elemento hasta que el anuncio esté disponible para su visualización.


Ejemplo




  

    Placeholder here!!!
  




<amp-ad width="300"
  height="200"
  type="doubleclick"
  data-slot="/4119129/doesnt-exist">
  <div placeholder>
    <b>Placeholder here!!!</b>
  </div>
</amp-ad>

Uso de alternativas

amp-ad es compatible con un elemento secundario con el atributo fallback. Si está soportado por la red de anuncios, este elemento se muestra si no hay ningún anuncio disponible para esta ranura.


Ejemplo




  

    
Thank you for trying AMP!

    
You got lucky! We have no ad to show to you!

  




<amp-ad width="300"
  height="200"
  type="doubleclick"
  data-slot="/4119129/doesnt-exist">
  <div fallback>
    <p>Thank you for trying AMP!</p>
    <p>You got lucky! We have no ad to show to you!</p>
  </div>
</amp-ad>

Para obtener más muestras de anuncios, consulte la página de prueba de anuncios de DFP.



Tags:

Share:

Related post

Comentarios

Disqus

Disqus comments:
Facebook

Facebook comments: