SmartTV & HbbTV: Implementación básica

SmartTV & HbbTV: Implementación básica

Para configurar el CMP en su versión CTV/HbbTV 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 declaración de una variable y la carga de un archivo
  1. 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 la variable y la carga del archivo javaScript en todas las páginas que cargan el CMP dentro de la etiqueta <head> de la página, de la siguiente manera:
  1. <html>
  2.        <head>
  3.             ...
  4.           <script charset="utf-8">
  5.        window.sibboCMPParams = {
  6.                    core: "",
  7.            config: "{{URL}}",
  8.                    development: false,
  9.    useLoader: false,
  10.    useDOMContentLoaded: true
  11.         };
  12.            </script>
  13.            <script src="https://cmp.sibbo.net/v2.2/sibbo-cmp-router.js" defer="true" charset="utf-8"></script>                                                                 
  14.             ...
  15.       </head>
  16. </html>

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

La carga ha de incluirse lo antes posible en el código. Esto es así porque se tiene que cargar la API (sibbo-cmp-router.js) antes de que cualquier otro script empiece a hacer peticiones.

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.open(), esto reflotará el CMP.

Ejemplo:

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

Para la integración del CMP con la publicidad programática vea el apartado Métodos en Samsung Tizen / LG webOS / HbbTV y el apartado Eventos en Samsung Tizen / LG webOS / HbbTV.