Ir al contenido principal

Descripción de las reglas de visualización de capas web tipo slider y banner

Jakub Maciejewski avatar
Escrito por Jakub Maciejewski
Actualizado hace más de una semana

Reglas de visualización de capas web tipo slider

Sección «display»

Las capas web tipo slider se pueden mostrar en dispositivos específicos según la estrategia. Puede elegir entre:

  • Todos los dispositivos (escritorio y móvil)

  • Solo ordenadores de sobremesa

  • Solo móviles

Una vez tomada la decisión, podrás seleccionar la posición en la que aparecerán tus capas web en la pantalla (en la parte superior izquierda de la pantalla, en la parte superior derecha, etc.).

Sección Configuración

Aquí definirás las reglas que determinan cuándo y dónde se mostrará tu capa web.

Primero debes especificar las acciones, es decir, las condiciones y los eventos tras los cuales se mostrará la capa web seleccionada.

  • Immediately (Inmediatamente): tu capa web se mostrará inmediatamente, sin ningún retraso.

  • Delay (retraso ): su capa web se mostrará con el retraso seleccionado. Debe introducir el tiempo de retraso, en segundos, en el campo de texto que aparecerá a continuación.

  • Scroll: desplazamiento (tu capa web se mostrará cuando el usuario haya desplazado el 50 % de la página).

Establece dónde quieres que se muestre tu capa web

  • En todas las páginas (todas las páginas de su sitio web).

  • En la página de inicio (solo la página de inicio)

  • En las páginas de productos (solo páginas de productos)

  • Basado en las direcciones URL

    • La URL es exactamente...

    • La URL no es...

    • La URL no contiene el fragmento...

    • La URL contiene el fragmento...

    • Dirección URL (Regex)

Ten en cuenta que puedes combinar las condiciones de la URL para adaptarlas a tus necesidades.

Ajusta el resto de la configuración del control deslizante

  1. Seleccione la programación y establezca cuándo debe aparecer su capa web:
    Mostrar ahora (comience inmediatamente y déjelo activo por tiempo indefinido)

  2. Mostrar en un periodo seleccionado (seleccione la fecha de inicio y finalización de la visualización de su Web Layer)

  3. No olvide seleccionar el estado de suscripción que debe tener el usuario al que se le mostrará la capa web

  4. Si quieres distinguir desde qué lugar se registran tus clientes cuando tienes más elementos in situ, personaliza la etiqueta que se asignará al usuario después de suscribirse al boletín informativo

Por último, ponle un nombre a tu Web Layer. Esto te ayudará a identificarlo más adelante, cuando quieras gestionar todos los Web Layers o comprobar su rendimiento en los informes.

Reglas de visualización de la capa web tipo banner

Las reglas para la capa web tipo banner son casi idénticas a las de la capa web tipo slider. La capa web tipo banner tiene algunas opciones adicionales que describiremos a continuación.

Sección Configuración

Aquí especificará el dispositivo en el que se mostrará el elemento y las reglas que determinan cuándo y dónde se mostrará su capa web.

Seleccione las acciones, es decir, las condiciones y los eventos tras los cuales se mostrará la capa web seleccionada.

  • Immediately (Inmediatamente): su Web Layer se mostrará inmediatamente, sin ningún retraso.

  • Delay (retraso): su capa web se mostrará con el retraso seleccionado.
    Debe introducir el tiempo de retraso, en segundos, en el campo de texto que aparecerá a continuación.

  • Inactivity ( inactividad ): su ventana emergente se mostrará tras un periodo de inactividad seleccionado por parte del usuario en la página.
    Debe introducir el tiempo de inactividad (en segundos) en el campo de texto que aparecerá a continuación.

  • Hover: al pasar el cursor (tu capa web se mostrará cuando el usuario pase el cursor por el elemento seleccionado de la página).
    Esta condición no estará disponible si ha seleccionado «todos los dispositivos» o «solo móviles». Debe introducir el selector CSS en el campo de texto que aparecerá a continuación.

  • Scroll: desplazamiento (tu capa web se mostrará cuando el usuario se desplace por el 50 % de la página).

  • Salida: salir de la página (tu capa web se mostrará cuando el usuario mueva el cursor hacia la parte superior de la página).
    Esta condición no estará disponible si ha seleccionado «todos los dispositivos» o «solo móviles».

  • Click: clic (tu Web Layer se mostrará cuando el usuario haga clic en el elemento seleccionado de la página).
    Debes introducir el selector CSS en el campo de texto que aparecerá a continuación.

Establece dónde se mostrará tu capa web

  • En todas las páginas (todas las páginas de tu sitio web)

  • En la página de inicio (solo la página de inicio)

  • En las páginas de productos (solo páginas de productos)

  • Basándose en las direcciones URL

    • La URL es exactamente...

    • La URL no es...

    • La URL no contiene el fragmento...

    • La URL contiene el fragmento...

    • Dirección URL (Regex)

Ten en cuenta que puedes combinar las condiciones de la URL para adaptarlas a tus necesidades.

Personaliza el resto de ajustes del banner

  1. Seleccione la programación y establezca cuándo debe aparecer su Web Layer:
    Mostrar ahora (comience inmediatamente y déjelo activo por tiempo indefinido)

  2. Mostrar en un período seleccionado (seleccione la fecha de inicio y finalización de la visualización de su Web Layer)

  3. No olvide seleccionar el estado de suscripción que debe tener el usuario al que se le mostrará la capa web

  4. Establece el límite de visualización del banner para los usuarios

Por último,asigne un nombre a su capa web. Esto le ayudará a identificarla más adelante, cuando desee gestionar todas las capas web o comprobar su rendimiento en los informes.


¿Necesitas más ayuda?

Si tienes alguna pregunta adicional sobre las reglas de visualización en los elementos onsite, ponte en contacto con nosotros en hello@edrone.me.

¿Ha quedado contestada tu pregunta?