Saltar al contenido principal
En la siguiente guía te explicaremos cómo agregar distintos Pop Ups en diferentes secciones de tu página y poder contar con la gestión completa de ellos. 📍Recuerda que Riqra te puede ayudar colocando algunas imágenes publicitarias Más información en la 👉Guía Secciones de visualización

📋Pasos a seguir

Toda esta configuración la realizaremos a través de Google Tag Manager, recuerda en compartirnos el ID del contenedor para que se vea reflejado en tu página. Te dejo más información Aquí 1. Ingresa al contenedor de GTM Group_166.png 2. En “Añadir nueva etiqueta”, selecciona “HTML personalizado mceclip2__1_.png Group_167__1_.png 3. En el espacio de HTML, coloca el siguiente script <script>
VIT.modalForImages({
id: “aviso-categoria”,
image: “https://images.pexels.com/photos/1132047/pexels-photo-1132047.jpeg”,
imageWidth: “600px”,
link: “https://www.google.com.pe/“,
linkTarget: “_blank”,
showAgainInXHours: 0.008
showWhenLoggedIn: true
});
</script>
3.1 Modifica el “id” El nombre debe ser único para la etiqueta. No utilices espacios ni tildes 3.2 Modifica la imagen “image” Coloca el link de la imagen que aparecerá como POP UP 3.3 Modifica el tamaño de la imagen en “imageWidth” en píxeles La imagen se adapta al espacio que desean ocupar, para el ejemplo usaremos 600px de ancho 3.4 Modifica la URL que redirige al dar clic en la imagen en “link” Esta alternativa es opcional, en caso no deseen redireccionar no se coloca esta línea 3.5 Modifica el tiempo que deseas vuelva aparecer el Pop Up en showAgainInXHours Coloca el tiempo en horas, recuerda que vuelve aparece siempre y cuando se realice la acción definida en el activador y ocurre el tiempo definido. Para el ejemplo 0.008 representa a 30 segundos 3.6 Modifica showWhenLoggedIn Coloca “true” en caso desees que sólo se visualice el modal cuando el usuario haya ingresado sesión. De lo contrario, hay que dejarlo en “false”. 🔍Se visualizará de la siguiente manera: mceclip0.png 4. En la sección “Activación” ✔ Añade la Ventana cargada donde se mostrará el Modal 4.1 Clic en el espacio para agregar un activador image_172__1_.png 4.2 Agrega un nuevo activador Group_168__1_.png 4.3 Luego de dar clic en el espacio, Selecciona la opción de ventana cargada Group_169__1_.png 4.4 Asegúrate que esté seleccionado lo siguiente mceclip1.png 4.5 Coloca el Path en donde se activará el Modal Para este ejemplo, aparecerá cuando estemos en la categoría de Frutas —>/c/Frutas mceclip2.png 4.6 Coloca un nombre al activador y guárdalo Group_171.png ✔ También agrega un Cambio en el historial 4.7 Repite el paso 4.1, 4.2 4.8 Luego de dar clic en el espacio, Selecciona la opción de Cambio en el historial Group_172.png 4.9 Agrega el Page Path (mismo colocado en el punto 4.5) y el History Source igual a pushState mceclip2.png 4.10 Coloca un nombre al activador y guárdalo Group_173.png 🔍Se debe visualizar de la siguiente manera: mceclip3.png 5. Guarda la etiqueta Y No te olvides de dar clic en “Enviar” para que se vea relejada la configuración mceclip4__1_.png TIP! ✨ Si deseas ver su funcionamiento antes de enviarlo, puedes dar clic en vista previa mceclip4.png 📩Si tienes alguna duda o consulta, escríbenos a soporte@riqra.com 📩