Como usar el Google Tag Manager para agregar código Json

Qué hacer cuando debes agregar código a tu html y no tienes acceso a los códigos fuentes, pero puedes usar Google Tag Manager. Aquí se muestra una solución donde se agrega código JSON a una serie de páginas previamente identificadas.

Imagina que estás en la siguiente situación, necesitas agregar código json que depende de la URL y no tienes acceso al código fuente. Para ello puedes usar el Google Tag Manager (GTM), primero defines tu tag. En este caso es algo raro ya que definiremos un javascript para definir otro script, quedando de la siguiente forma:

<script>
 var s = document.createElement("script");
 s.type = "application/ld+json";
 var t = document.createTextNode({{content}});
 s.appendChild(t);
 document.body.appendChild(s);
</script>

Como vemos se ha definido la variable {{content}} para que se obtenga el contenido dependiendo de la URL de la que se trate. Para ello se define dicha variable en el Google Tag Manager como Lookup Table en la primer columna ponemos la url en la cual necesitamos poner el contenido y en la segunda el contenido en código JSON.

Una vez definimos ambas, lo único que haríamos es definir nuestro disparador (Trigger) para que se ejecute en aquellas páginas donde lo deseamos.

Y eso sería todo.