Insertar Automatics Ads en la versión AMP de tu sitio GeneratePress con elements

No me gusta especialmente la versión AMP (Accelerated Mobile Pages) un proyecto iniciado por Google con la finalidad de hacer mucho más rápida la navegación con dispositivos móviles. Personalmente, creo que las actuales plantillas responsive están muy bien adaptadas para la navegación con pantallas pequeñas, pero hasta Bign se ha sumado a este proyecto y están priorizando los resultados de búsqueda de las páginas que cuentan con versión AMP. Por lo tanto, no queda otra que adaptarse. En este articulo os voy a explicar cómo mostrar anuncios automáticos en vuestro sitio WordPress con la plantilla GeneratePress Premium.

Ya os conté cómo insertar anuncios automáticos con GeneratePress gracias Elements en la versión No-AMP. La única diferencia es que necesitaremos insertar dos códigos, uno en el Head y otro en el Body.

Vamos por partes. Necesitarás utilizar la versión premium de GeneratePress y el plugin oficial AMP , aunque personalmente prefiero utilizar el plugin AMP for WP, es mucho más sencillo. Pero si prefieres adaptar tu plantilla GeneratePress o cualquier otra a la versión AMP, deberás optar por el plugin oficial.

Una vez instalado el plugin oficial AMP deberás ir a Apariencia > Elements y crear dos hooks, uno en la posición wp_head y el otro en wp_body_open y en reglas deberás indicar si quieres mostrar los anuncios en todo tu sitio o en determinadas páginas y categorías.

WP HEAD

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

WP_BODY_OPEN

Aquí deberás sustituir las equis por tu propio código de editor de Adsense:

<amp-auto-ads type="adsense"
        data-ad-client="ca-pub-XXXXXXXXXXXX">
</amp-auto-ads>

Cómo ves es muy fácil y las posibilidades de personalización de GeneratePress son inmensas gracias al uso de Elements.

TCiN