Cómo integrar el CMP en un Shopify ¿Tienda?
Acerca de la desactivación de la extensibilidad de pago en Shopify: Probablemente ya conozca los scripts de extensibilidad de pago en Shopify siendo obsoleto. Como resultado, el banner de consentimiento ya no aparecerá durante el proceso de pago. Sin embargo, si implementas Shopifyel modo de consentimiento como se describe en nuestros documentos de ayuda, Shopify gestionará el consentimiento por usted sin problemas. Tenga la seguridad de que seguir nuestras pautas garantizará que todo funcione sin problemas. Para obtener instrucciones detalladas, siga leyendo.
Tengan en cuenta que: La siguiente descripción solo es válida para código de bloqueo manual. Si quieres usar bloqueo automático de código, asegúrese de que el código CMP se inserte directamente después de <head> elemento del código de su sitio web.
Para integrar el Código CMP en un Shopify Compra por favor sigue estos pasos:
Vídeo de integración
Integración paso a paso
- En su consentmanager cuenta, ir a Menú > CMP > Integraciones y habilitar Shopify Modo de consentimiento
- Asegurarse bajo Menú > CMP > Propósitos que tienes suficientes propósitos activos en tu CMP
- (opcional) Si se utiliza el bloqueo automático, recomendamos deshabilitar el bloqueo automático de URL desconocidas:
- Vaya a Menú > CMP > Proveedores y asegúrese de tener los proveedores nombrados "Shopify Limitada Internacional..." (ID s971, s2789, s2790, s2791, s2697) en su lista de proveedores
(Nota: no todos estos proveedores son necesarios en todos los casos) - En su lista de proveedores, asegúrese de que todos Shopify Los proveedores se asignan a un propósito correspondiente.
- Vaya a Menú > CMP > Obtener códigos para... Sitio web y copie el código CMP
- Iniciar sesión para usted Shopify .
- En el menú, haga clic en su Tienda Online > Temas y edite el código del tema actual:
- Abra el archivo theme.liquid, buscar
<body ...>(si quieres usar el código de bloqueo manual) o<head ...>(si quieres usar el código de bloqueo automático) e inserte el código CMP justo después:
- Prensa Guardar y volver a la página de inicio de la tienda
- Haga clic en Configuración > Privacidad del cliente y Desactivar el banner de cookies (Si el Shopify El banner de cookies está habilitado; de lo contrario, omita este paso)
Nota: If Shopify no te muestra el menú Banner de cookies > Más acciones > Desactivar banner de cookies, asegúrese de eliminar primero todos los demás complementos de banner de cookies a través de Configuración > Aplicaciones y canales de venta > ... > Desinstalar). En algunos casos también ayuda a permitir Shopifypropio banner de cookies y luego deshabilítelo nuevamente - Volver a la Configuración > Privacidad del cliente y haga clic en Banner de galletas y a continuación, en Más acciones > Usar banner de cookies personalizado
- Al habilitar el banner de cookies personalizado (o si ya está habilitado en Configuración > Privacidad del cliente > Banner de cookies > Regiones > Editar), asegúrese de que todas las regiones estén seleccionadas y luego haga clic en Confirmar
Importante: Asegúrese siempre de haber desactivado todos los demás complementos de banner de cookies y complementos de modo de consentimiento en su Shopify almacenar debajo Configuración > Aplicaciones y canales de venta:
Problemas típicos
Problema: ShopifyLos propios análisis ya no cuentan / cuentan menos
En algunos casos, el bloqueo automático también puede bloquear ShopifyEl propio sistema de seguimiento interno. Para evitar esto, inicie sesión en su consentmanager cuenta e ir a Menú > CMP > Otros y deshabilitar la configuración Bloquear scripts en línea:
Problema: el modo de consentimiento de Google predeterminado está configurado como concedido
Desafortunadamente, ShopifyEl propio sistema de seguimiento de Google está configurando el estado de consentimiento del modo de consentimiento de Google en granted por defecto. Para evitar esto, agregue el siguiente código en su tema:
- En el menú, haga clic en su Tienda Online > Temas y edite el código del tema actual:
- Abra el archivo theme.liquid, buscar
<head> - Justo después de inserte el siguiente código (después y antes de cualquier otro código):
<script>
//Prevent Shopify from writing default consent mode before consentmanager loaded
window.dataLayer = window.dataLayer || [];
function gtag ()
{
if (!('cmploaded' in this))
{this.cmploaded = false;}
if (arguments.length > 1 && arguments[0] == 'consent' && arguments[1] == 'default' && !this.cmploaded)
{ return; }
if (arguments.length > 1 && arguments[0] == 'set' && arguments[1] == 'developer_id.dMzk4MW')
{this.cmploaded = true;}
dataLayer.push(arguments);
}
window.dataLayer.push(['consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'wait_for_update': 500
}]);
</script>Problema: consentmanager La capa de consentimiento no es visible
Cosas Shopify Los temas han agregado un estilo CSS que oculta elementos DIV vacíos. Si ha activado la opción WCAG en su diseño (Menú > Diseños > Editar diseño > Configuración de caja) entonces el CMP se coloca en una raíz oculta, por lo tanto el DIV principal parece estar vacío y está oculto por el Shopify CSS. Para solucionar este problema, debe agregar una regla personalizada para no ocultar los DIV vacíos:
- En su Shopify administrador, vaya a Tienda en línea > Temáticas
- Haga clic en Personalizar.
- Haga clic en Configuración de temas.
- Haga clic en CSS personalizado.
- Agregue una nueva regla CSS y presione Guardar:
div#cmpwrapper {display: block;}
