Soy bastante nuevo en GTM. Necesito poner este script en nuestras páginas de productos de Shopify. Es para un saaS de automatización de marketing por correo electrónico.
Si lo coloco directamente en el código de la página en Shopify, se muestra bien y regresa con una identificación de producto que se extrae del código líquido anterior. Se parece a esto:
<script type="text/javascript"> Targito.push( 'event', 'product_view', { 'id' : '{{ product.selected_or_first_available_variant.id }}' } ); </script>Pero cuando quiero ponerlo en el Administrador de etiquetas de Google, como una etiqueta HTML personalizada, y luego agregar la variable a las variables en GTM, después de publicarlo, en la página, en la herramienta de inspección y los elementos, vuelve así:
<script type="text/javascript" id="">Targito.push("event","product_view",{id:"{{undefined}}"});</script>Necesito ver una identificación de producto de la página que está viendo actualmente.
La cuestión es que las variables líquidas de Shopify también se definen con corchetes dobles, al igual que las variables GTM. ¿Alguien podría ayudarme por favor? Agradezco mucho sus consejos de antemano.
No puede poner código líquido dentro de su etiqueta. La etiqueta se procesa en Javascript que está en el lado del cliente. Liquid se procesa en el lado del servidor. Deberá completar una variable con líquido y usarla en su etiqueta. Hay otras formas pero la más rápida es haciendo algo así.
Pones esto en tu plantilla .liquid (en algún lugar al principio de la página)
<script> window.myVariantId = '{{ product.selected_or_first_available_variant.id }}'; </script>Y luego en tu etiqueta puedes poner
<script type="text/javascript"> Targito.push( 'event', 'product_view', { 'id' : myVariantId } ); </script>