chevron_right
chevron_right
Il mio contenuto si carica o cambia dinamicamente - posso comunque usare Ezoic?
How-To/Instructional

Il mio contenuto si carica o cambia dinamicamente - posso comunque usare Ezoic?

Last Updated over a month ago
Article Navigation
Introducción
Instrucciones
Solución de problemas
Fehlerbehebung

Introducción

Si te preocupa usar Ezoic con contenido que se carga o cambia dinámicamente, ¡no te preocupes! Este artículo te proporcionará orientación sobre cómo tener en cuenta esto con la Integración de JavaScript (Independiente), permitiendo que tu sitio se beneficie de las potentes características de Ezoic.

Instrucciones

La integración de JavaScript (independiente) tiene en cuenta el contenido que se carga o cambia dinámicamente. Todas las versiones del sitio pueden beneficiarse de este método de integración, sin embargo, se requiere una configuración adicional para aquellos sitios que utilizan contenido dinámico frente a aquellos que no lo hacen. Este artículo detalla algunos de los pasos adicionales de configuración necesarios para que los anuncios se muestren en sitios que contienen este tipo de contenido. Sin embargo, tenga en cuenta que primero debe seguir los pasos que se encuentran en https://support.ezoic.com/kb/article/javascript-standalone-integration; de lo contrario, los pasos a continuación no funcionarán (tenga en cuenta que los sitios que tienen una mezcla de contenido estático y dinámico, y desean utilizar todas las características de Ezoic (por ejemplo, Velocidad del sitio, SEO), mientras utilizan el fragmento de código del lado del cliente para llamar a los anuncios, pueden preferir usar la integración híbrida. Consulte https://support.ezoic.com/kb/article/hybrid-integration para obtener instrucciones adicionales).


Cambiar páginas

Al cambiar entre visitas de página dinámicamente, es importante volver a llamar a:

ezstandalone.showAds()

Llamar a esta función después de un cambio en la URL forzará la actualización de los anuncios en la nueva página.

Para marcadores adicionales dentro de la misma vista de página, puede utilizar la función ezstandalone.showAds.

Si un usuario se desplaza hacia abajo en la página, nuevo contenido se carga y se agregan los marcadores 104 y 105, se debe usar ezstandalone.showAds para mostrarlos.

<script>
    ezstandalone.cmd.push(function() {
        // call new placeholders
        ezstandalone.showAds(104, 105);
    });
</script>

Si el contenido cambia dentro de la misma vista de página y un marcador ya no es necesario o visible, se debe limpiar adecuadamente usando ezstandalone.destroyPlaceholders. Esto permite que el marcador se cargue de nuevo mediante ezstandalone.showAds si es necesario.

<script>
    window.ezstandalone.cmd.push(function() {
        // destroy placeholders
        ezstandalone.destroyPlaceholders(104, 105);
    });
</script>


Desplazamiento infinito

Para los sitios que implementan un desplazamiento infinito, puede ser necesario utilizar una combinación de ezstandalone.destroyPlaceholders seguido de ezstandalone.showAds para reutilizar los marcadores si están dentro de la misma vista de página.

Se recomienda crear un conjunto de marcadores in-content específicamente para desplazamiento infinito.

El ejemplo a continuación muestra cómo se vería el flujo de un desplazamiento infinito en un sitio con múltiples artículos.

Empiece llamando al marcador para el primer artículo al cargar la página.

<script>
    window.ezstandalone = window.ezstandalone || {};
    ezstandalone.cmd = ezstandalone.cmd || [];
    ezstandalone.cmd.push(function() {
        ezstandalone.showAds(102, 103, 104);
    });
</script>

Luego, el usuario se desplaza al siguiente artículo, por lo que se carga el siguiente conjunto de anuncios.

<script>
    window.ezstandalone.cmd.push(function() {
        // call new placeholders
        ezstandalone.showAds(105, 106);
    });
</script>
Luego el usuario se desplaza al tercer artículo y los marcadores del primer artículo deben reutilizarse.
<script>
    window.ezstandalone.cmd.push(function() {
        // destroy initial placeholders
        ezstandalone.destroyPlaceholders(102, 103, 104);
        // call new placeholders
        ezstandalone.showAds(102, 103, 104);
    });
</script>

Elimine todos los marcadores en la página utilizando la función destroyAll

<script>
    window.ezstandalone.cmd.push(function() {
        ezstandalone.destroyAll();
    });
</script>

Puede llamar a los anuncios en cada marcador en una página determinada utilizando la función showAds, sin definir ningún valor.

<script>
    window.ezstandalone.cmd.push(function() {
        ezstandalone.showAds();
    });
</script>

Solución de problemas

Al configurar EzoicAds en tu sitio, es importante asegurarse de que todo funcione correctamente. Ofrecemos un Depurador de Integración de JavaScript incorporado que te permite diagnosticar rápidamente problemas con la configuración de tus anuncios. A continuación, se presenta 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 diálogo modal verde en la parte inferior central de la pantalla. Este es el Depurador de Integración de JavaScript.

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

  • Detección de Script: 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 el lugar correcto de tu página.

  • Detección de Espacios Reservados: Se mostrará el número de espacios reservados definidos en tu página. Esto ayuda a verificar si los espacios reservados han sido reconocidos exitosamente por el sistema de Ezoic.

  • Estado del Anuncio: Para cada espacio reservado, el depurador indicará si un anuncio se ha renderizado con éxito. Muestra:

    • Si un anuncio está asignado a un espacio reservado específico.
    • Si se envió una solicitud a Ezoic para obtener un anuncio para ese espacio reservado.
  • Éxito de la Solicitud: El depurador también monitoriza si la solicitud de anuncio se envió correctamente. Si hay un problema, el modal mostrará detalles del error para ayudar a identificar la causa raíz (por ejemplo, problemas de red, mala configuración).

La información proporcionada en el modal del depurador es invaluable para diagnosticar problemas comunes como:

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

  • Solicitudes de Anuncios Fallidas: Si las solicitudes de anuncios no se están enviando o están fallando, el depurador proporcionará mensajes de error que señalen posibles malas configuraciones.

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

Fehlerbehebung

Si necesitas más ayuda con la integración de JavaScript (independiente) al tratar de contabilizar contenido que se carga o cambia dinámicamente, por favor inicia sesión en https://support.ezoic.com/ para hacer uso de nuestros recursos dedicados para soporte. ¡Estamos aquí para ayudarte!

× Enlarged Image

Loading ...