chevron_right
chevron_right
JavaScript (Standalone)-Integration für Nicht-WordPress-Seiten
How-To/Instructional

JavaScript (Standalone)-Integration für Nicht-WordPress-Seiten

Last Updated today
Article Navigation
Fehlerbehebung
Instrucciones
Solución de problemas
Anweisungen

Fehlerbehebung

Conectarse a Ezoic a través de JavaScript (a veces llamado integración "independiente") es rápido y sencillo, proporcionando a los editores un control y personalización completos. Este método de integración es compatible con todas las construcciones de sitios y consiste en insertar un pequeño fragmento de código JavaScript en el HTML de su sitio web, lo que permite a Ezoic gestionar y optimizar la colocación de anuncios en su sitio. En este artículo, proporcionaremos una guía paso a paso sobre cómo integrar Ezoic utilizando el método JavaScript.

Instrucciones

  1. Asegúrate de haber creado una cuenta en Ezoic. Si aún no lo has hecho, puedes hacerlo aquí.
  2. Conéctate con tu Especialista de Integración en Ezoic si necesitas ayuda configurando ads.txt o aceptando la invitación de Google MCM.


Configuración de Anuncios

Conectar tu sitio a Ezoic es un proceso simple que implica agregar algunas líneas de código a tu sitio. Mientras esperas la aprobación de Google Ad Manager, recomendamos configurar en un entorno de staging o desarrollo para asegurar que tus ubicaciones de anuncios estén configuradas correctamente y que la carga de anuncios esté confirmada.

Esta guía te guiará a través de los pasos para implementar EzoicAds en tu sitio.

Para implementar EzoicAds, necesitarás crear ubicaciones de anuncios en tu sitio. Estas ubicaciones de anuncios se usarán para definir las ubicaciones en tu sitio donde se mostrarán los anuncios de Ezoic.

Puedes crear ubicaciones de anuncios en tu Panel de Control de Ezoic, o puedes trabajar con tu Especialista de Integración de Ezoic para crear las ubicaciones de anuncios ideales para tu sitio.

Agrega el Script de Privacidad de Ezoic (esto presume que estás usando el Modal de Consentimiento de Ezoic. Si usas un modal de terceros, consulta https://support.ezoic.com/kb/article/javascript-standalone-integration) y el Script de Encabezado en la parte superior de la etiqueta <head> (para una configuración y entrega de anuncios más rápido, recomendamos insertar estos scripts de encabezado dentro de la etiqueta <head>. Si no es posible colocarlos en el encabezado, la siguiente mejor opción es posicionarlos en la parte superior de la etiqueta <body>). Asegúrate de cargar el script de privacidad antes del script de encabezado.

<script src="https://the.gatekeeperconsent.com/cmp.min.js" data-cfasync="false"></script>
<script src="https://cmp.gatekeeperconsent.com/min.js" data-cfasync="false"></script>

El CMP de Ezoic puede personalizarse visitando la sección de privacidad dentro del Panel de Control de Ezoic.

Ezoic detectará automáticamente el consentimiento de CMPs de terceros compatibles con TCF 2.2: https://iabeurope.eu/cmp-list/

<script async src="//www.ezojs.com/ezoic/sa.min.js"></script>
<script>
  window.ezstandalone = window.ezstandalone || {};
  ezstandalone.cmd = ezstandalone.cmd || [];
</script>

Este código se llamará para cada ubicación de anuncio. Es importante tener en cuenta que el ID de 3 dígitos 101 representa una ubicación de anuncio específica, y cada ubicación de anuncio tendrá un ID de 3 dígitos diferente. Los códigos de anuncio se generarán en tu Panel de Control de EzoicAds.

Cada ubicación de anuncio tendrá la siguiente estructura:

<div id="ezoic-pub-ad-placeholder-101"></div>
<script>
    ezstandalone.cmd.push(function() {
        ezstandalone.showAds(101)
    });
</script>

Inserta este código para cada ubicación de anuncio en tu sitio.

NO añadas ningún estilo al div del marcador de posición real. Añadir estilos o reservar espacio para el anuncio puede resultar en resultados no deseados (por ejemplo, si nuestro sistema no elige un marcador de posición, podría haber espacio vacío en la página).

Llamar ezstandalone.showAds() sin definir un valor de marcador de posición llamará a la función para cada marcador de posición que exista en esa página.


Contenido Dinámico

Si el contenido de tu sitio web se carga o cambia dinámicamente, puede ser necesario configuración adicional. Consulta aquí para más instrucciones: https://support.ezoic.com/kb/article/my-content-loads-or-changes-dynamically-can-i-still-use-ezoic

La Integración Híbrida ocurre cuando un sitio se integra a través de los servidores de nombres o Cloudflare, mientras usa el fragmento de código del lado del cliente para solicitar anuncios. El beneficio de la integración híbrida es que habilita otros productos de Ezoic (por ejemplo, Velocidad del SitioSEO) con la capacidad de cargar anuncios dinámicamente. Consulta aquí para más instrucciones: https://support.ezoic.com/kb/article/hybrid-integration


Videos Humix

El Generador de Códigos de Inserción desde tu Panel de Control de Humix se puede usar para añadir nuestro Reproductor de Video a tu sitio web.


Avanzado

EzoicAds proporciona características avanzadas que permiten a los editores ajustar el comportamiento de la biblioteca de anuncios. Estas características se pueden usar para personalizar el comportamiento de la biblioteca de anuncios para adaptarse mejor a las necesidades de tu sitio. Consulta aquí para más instrucciones: https://support.ezoic.com/kb/article/javascript-standalone-integration-advanced-features-for-non-wordpress-sites 

Solución de problemas

Al configurar EzoicAds en tu sitio, es importante asegurarse de que todo esté funcionando correctamente. Proporcionamos un Depurador de Integración JavaScript incorporado que te permite diagnosticar rápidamente problemas con la configuración de tus anuncios. A continuación se muestra una guía paso a paso sobre cómo usar este depurador e interpretar sus resultados.

Para activar el depurador, simplemente añade el siguiente parámetro de consulta a la URL de la página donde están integrados tus EzoicAds:

ez_js_debugger=1

Por ejemplo:

https://www.tusitio.com?ez_js_debugger=1

Una vez añadido el parámetro de consulta y cargada la página, aparecerá un cuadro de diálogo verde en la parte inferior central de la pantalla. Este es el Depurador de Integración JavaScript.

El cuadro de diálogo del depurador contiene varias piezas clave de información que te ayudarán a solucionar problemas con tu configuración. Aquí tienes un desglose de la información proporcionada:

  • Detección de Scripts: El depurador verificará si el script de Ezoic está correctamente incluido en tu página. Si no se encuentra el script, verás un mensaje de error. Asegúrate de que la etiqueta del script de Ezoic esté colocada en la ubicación correcta de tu página.

  • Detección de Marcadores de Posición: Se mostrará el número de marcadores de posición definidos en tu página. Esto ayuda a verificar si los marcadores de posición han sido reconocidos correctamente por el sistema Ezoic.

  • Estado de los Anuncios: Para cada marcador de posición, el depurador indicará si un anuncio se ha renderizado exitosamente. Muestra:

    • Si se ha asignado un anuncio a un marcador de posición específico.
    • Si se ha enviado una solicitud a Ezoic para recuperar un anuncio para ese marcador de posición.
  • Éxito de la Solicitud: El depurador también monitorea si la solicitud de anuncio se envió correctamente. Si hay un problema, el cuadro de diálogo mostrará detalles del error para ayudar a identificar la causa raíz (por ejemplo, problemas de red, configuración incorrecta).

La información proporcionada en el cuadro de diálogo del depurador es invaluable para diagnosticar problemas comunes como:

  • Anuncios que No se Muestran: Verifica la detección de marcadores de posición y el estado de los anuncios para asegurarte de que los marcadores de posición estén definidos y los anuncios estén asignados.

  • Fallos en las Solicitudes de Anuncios: Si las solicitudes de anuncios no se envían o fallan, el depurador proporcionará mensajes de error que apuntan a posibles configuraciones incorrectas.

  • Problemas de Carga de Scripts: Si el script no se carga correctamente, verifica que la etiqueta del script esté presente en tu código fuente y correctamente configurada.

Anweisungen

Si necesitas más ayuda con la Integración de JavaScript (Independiente), por favor inicia sesión a través de https://support.ezoic.com/ para hacer uso de nuestros recursos dedicados para soporte. ¡Estamos aquí para ayudarte!

× Enlarged Image

Loading ...