CMP QR: Implementación básica

Para configurar el CMP en su versión CTV/HbbTV QR debe editar el archivo en el que va a implementarlo (por ejemplo: index.html) en un editor de código.

La carga del CMP se realiza mediante la carga de un archivo y la inicialización. En el código más abajo hay que sustituir la URL {{URL}} por la URL que le proporcionaremos y que lleva la configuración del CMP, estará alojado en el servidor de Sibbo.

Incluimos el código en todas las páginas que cargan el CMP dentro de la etiqueta <head> de la página, de la siguiente manera:

<html>
<head>
...
<script src="https://cmp.sibbo.net/v2.2/sibboqr/sibbo-cmp-qr-front.js" charset="utf-8"></script>
<script>
//<![CDATA[
SibboCMP.init("{{URL}}", true, false);
//]]>
</script>
...
</head>
</html>

El atributo charset="utf-8" es importante, ya que sin él el texto puede aparecer con caracteres erróneos.

En el método SibboCMP.init("{{URL}}", true, false); el true indica que se usa jsonP para las peticiones, si es false, se usará fetch. El segundo booleano, false, indica que se usará el protocolo HTTPS, si es true, se usará el protocolo HTTP

En el caso de usar protocolo HTTP, será necesario un segundo archivo de configuración {{URL2}}, que le proporcionaremos.

Ejemplo de integración con protocolo HTTP:

<html>
<head>
...
<script src="http://tvhttp.sibbo.net/v2.2/sibboqr/sibbo-cmp-qr-front.js" charset="utf-8"></script>
<script>
//<![CDATA[
SibboCMP.init("{{URL}}", true, true, "{{URL2}}");
//]]>
</script>
...
</head>
</html>

La carga ha de incluirse lo antes posible en el código.

Es obligatorio añadir a la página que alberga el CMP, un enlace o botón con el texto Cookies o Configuración de cookies, que dispara el método SibboCMP.openBanner(true), esto reflotará el CMP.

Ejemplo:

<a href="#" rel="nofollow" onclick="SibboCMP.openBanner(true)">Cookies</a>

Para la integración del CMP con la publicidad programática vea el apartado QR CMP: Métodos y el apartado QR CMP: Eventos.