Google Maps y otros iframes externos

Última actualización: 13 Septiembre 2026 Visitas: 29

Bloquee mapas y otros contenidos externos hasta obtener consentimiento

Google Maps y muchos otros servicios externos se insertan mediante iframes. Alamarte Cookie Consent Pro permite mantener estos contenidos sin cargar hasta que el visitante haya autorizado la categoría de consentimiento correspondiente.

El procedimiento es el mismo utilizado para otros iframes.

Retire la dirección externa del atributo src, colóquela en data-acc-src e indique la categoría mediante data-acc-category. De esta forma, el navegador no intentará cargar el servicio externo antes de tiempo.

Ejemplo de un iframe normal

Un iframe externo normalmente utiliza el atributo src para indicar la dirección que debe cargarse:

<iframe
    src="https://ejemplo.com/contenido"
    width="600"
    height="450"
    title="Contenido externo"
    loading="lazy">
</iframe>

En esta forma, el navegador puede solicitar el contenido externo inmediatamente al cargar la página.

Iframe preparado para Alamarte Cookie Consent Pro

Para mantener el iframe bloqueado, utilice data-acc-src en lugar de src y asigne la categoría que corresponda:

<iframe
    data-acc-category="marketing"
    data-acc-src="https://ejemplo.com/contenido"
    width="600"
    height="450"
    title="Contenido externo"
    loading="lazy">
</iframe>

El valor utilizado en data-acc-category debe corresponder con la categoría que haya definido para ese servicio.

1. Obtenga el código original

Copie el código de inserción proporcionado por el servicio que desea utilizar.

Conserve los atributos necesarios para su funcionamiento, como las dimensiones, el título, los permisos o las opciones de carga.

2. Cambie `src` por `data-acc-src`

Localice la dirección externa del iframe y cambie únicamente el nombre del atributo que la contiene.

La dirección debe quedar almacenada en data-acc-src mientras el consentimiento no haya sido otorgado.

3. Añada la categoría

Añada data-acc-category al iframe e indique la categoría de consentimiento que corresponda al servicio.

La clasificación debe realizarse de acuerdo con la finalidad real del contenido que está incorporando.

Categorías de consentimiento

4. Compruebe el código guardado

Después de guardar el artículo, módulo o contenido donde haya insertado el iframe, vuelva a revisar el código.

Confirme que los atributos data-acc-category y data-acc-src continúan presentes y que el editor no haya restaurado automáticamente src.

Ejemplo con Google Maps

Cuando Google Maps proporciona un código de inserción, la dirección del mapa aparece normalmente dentro de src. Para prepararlo para Alamarte Cookie Consent Pro, conserve la dirección completa pero trasládela a data-acc-src.

Ejemplo simplificado:

<iframe
    data-acc-category="marketing"
    data-acc-src="URL_COMPLETA_DEL_MAPA"
    width="600"
    height="450"
    style="border:0;"
    allowfullscreen=""
    loading="lazy"
    referrerpolicy="no-referrer-when-downgrade"
    title="Google Maps">
</iframe>

Sustituya URL_COMPLETA_DEL_MAPA por la dirección proporcionada por Google Maps y utilice la categoría que haya definido para este servicio.

Otros servicios externos

El mismo procedimiento puede utilizarse con otros servicios que se integren mediante un iframe y cuya carga deba depender del consentimiento.

No es necesario que el servicio sea Google Maps o YouTube; lo importante es que la dirección externa permanezca pendiente en data-acc-src.

Editores de contenido

Algunos editores pueden modificar o limpiar el código HTML durante el guardado.

Si utiliza JCE u otro editor, confirme que permita conservar los atributos personalizados data-* necesarios para Alamarte Cookie Consent Pro.

Prueba sin consentimiento

Abra la página en una ventana privada o de incógnito y no autorice inicialmente la categoría asociada al iframe.

Compruebe que el servicio externo no se cargue antes de otorgar el consentimiento.

Prueba después de aceptar

Autorice la categoría correspondiente y compruebe que el contenido pueda activarse correctamente.

Esta prueba permite confirmar tanto el bloqueo inicial como la posterior activación del recurso.

No utilice simultáneamente src y data-acc-src: si la dirección real permanece en src, el navegador puede cargar el servicio antes de obtener consentimiento. Para un iframe bloqueado, la dirección externa debe permanecer únicamente en data-acc-src hasta que Alamarte Cookie Consent Pro pueda activarla.