Cómo integrar pasarelas de pago con cualquier CMP

Cómo integrar pasarelas de pago con cualquier CMP

Con la llegada de los cambios de criterio de la Agencia de Protección de Datos, muchos sitios se han planteado integrar una plataforma de pago con su CMP. Así se hace.

El galimatías legislativo de la RGPD anotó a inicios de 2024 un nuevo máximo con la obligación de la Agencia Española de Protección de Datos (AEPD) de dar la opción de Rechazar el consentimiento en una primera capa. Resulta curioso cómo una misma ley -el mismo reglamento europeo- no sólo es interpretado de manera distinta por cada país, sino que su interpretación parece además evolucionar en función del tiempo.

En el caso español hemos pasado a tener uno de los reglamentos de la UE más duros, ya que aunque muchos países ya obligaban a dar la opción de rechazar en una primera capa (ejemplo: Francia), España obliga además a hacerlo al lado del botón de aceptar, no con un aspa de cierre o similares.

Si a esto le sumamos la delgada línea que separa la publicidad personalizada de la que no (¿contar la frecuencia de un banner es personalizar?), el resultado final está entre lo caótico y lo críptico. Al menos, la AEPD lanzó un salvavidas asegurando que rechazar las cookies no tenía por qué salir gratis.

Dicho y hecho, todo el mundo en la internet hispana se ha puesto manos a la obra para lanzar su muro de cookies en la que sólo sea posible pagar por saltarse el sistema. Ninguna lo hace con la esperanza de recaudar nada, sino porque está demostrado que si ofreces las dos principales opciones en igualdad de condiciones demasiados usuarios iban a preferir rechazar las cookies.

Obviamente, si un usuario está de media 30 segundos en una web, tirarse más de un minuto configurando cookies no es lo óptimo, por lo que en general la aceptación va a ser masiva. Resumen: la nueva legislación complica las cosas sobremanera a los publishers, y apenas beneficia a los usuarios. Una situación loose-loose, que dirían los americanos.

Cómo implementar un muro de cookies de pago en el CMP

A continuación vamos a explicar brevemente cómo estamos implementando estos muros de cookies gracias a CMP gratuitos. Existen CMP de pago que te permiten la opción de personalizar completamente los textos y enlaces del CMP, y en ellos es bastante sencillo incorporar el muro.

En el caso de los CMP gratuitos, las opciones de personalización son, por ahora, bastante más acotadas. En nuestro caso nos limitaremos a:

  1. Añadir el botón de Rechazar en la primera capa del CMP
  2. Configurar los textos de aceptación con algún término "Aceptar y entrar gratis" o similares, enfatizando que una solución es gratuita
  3. Configurar el rechazo con un algo del tipo "Rechazar y pagar por suscribirse"
  4. Personalizar el diseño del CMP para darle un color positivo a la aceptación, y neutro al resto

Al final, el usuario lee en transversal y si en un sitio ve gratis y en otro pago, suele saber a cuál dar casi por instinto.

Esperando el resultado del CMP TCF 2.2

Así pues, una vez configurado el CMP vamos a trabajar en la detección de su resultado y redirección al muro de cookies. Al no poder modificar el CMP, todo este trabajo debe realizarse fuera de él, en el código directo de la página.

Si utilizamos un TCF 2.2 validado, el concepto pasa por insertar al principio de la página un listener Javascript que espera la variable CONSENT_DATA_READY, que se activa cuando el usuario interactúa con el CMP.

Una vez recibida la respuesta, analizamos las variables de consentimiento. Por lo general suele haber 9 predefinidas, más las que cada usuario quiera añadir. Si nuestro objetivo es la publicidad, podemos unir las primeras con una suma. En el caso de Google, los campos son data.purpose.consents[1] y sucesivos.

A partir de ahí simplemente comprobamos si tenemos el consentimiento a todos estos propósitos. Si la respuesta es no, redirigimos a la página de suscripción, donde damos la opción de pagar o de poder volver a mostrar el CMP, que a su vez nos dejará aceptar todas las cookies.

Un código de ejemplo, en el caso de utilizar el CMP de Google, sería el siguiente:

<script>
window.googlefc = window.googlefc || {};
window.googlefc.callbackQueue = window.googlefc.callbackQueue || [];
window.googlefc.callbackQueue.push({
'CONSENT_DATA_READY':
() => __tcfapi('addEventListener', 2.2, (data, success) => {
if (success) {
  const isPersonalized = data.purpose.consents[1];
  if (isPersonalized == false) {
	window.location.href = 'https://www.ecartelera.com/suscribirse/cookies/';
  }
} 
})
});
</script>

Montaje de un sistema de suscripción

A partir de aquí debes implementar por separado todo el sistema de login / configuración del muro de pago, que no forma parte del objeto del artículo. No obstante, si necesitas cualquier ayuda, no dudes en ponerte en contacto con nosotros, puesto que desde Norzex tenemos amplia experiencia en este tipo de proyectos.

Diego Diego

Artículo escrito por

Diego López

Director técnico (CTO)

Aunque trato de compaginar el front con el back end, mi gran pasión es el front end web. Descrifrando CSS desde hace ya más de 20 años.