Usa la aplicación de Pinterest para Shopify para conectar tu tienda de Shopify con tu cuenta para empresa de Pinterest.
Solo puedes conectar tu tienda de Shopify con una cuenta para empresa de Pinterest a la vez. Si tienes dos tiendas de Shopify,
Si ya agregaste manualmente la etiqueta de Pinterest a Shopify o usaste otro proveedor externo para hacerlo, tendrás que
Antes de conectar tu tienda de Shopify a tu cuenta de Pinterest, deberás hacer lo siguiente:
Lo ideal es que uses el navegador Chrome en tu equipo de escritorio para conectar tu tienda de Shopify a tu cuenta de Pinterest.
Si bien es posible añadir manualmente la etiqueta de Pinterest a Shopify, no lo recomendamos. Siempre que sea posible, sigue los pasos anteriores para conectar tu tienda con la aplicación de Pinterest para Shopify y que se añada la etiqueta automáticamente.
Agregar el código base
El código base te permite recopilar datos sobre eventos; por ejemplo, si alguien compra un producto o agrega un producto a su cesta de compras. El código base debe estar instalado en todas las páginas de tu sitio web.
- En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.
- Ve al tema que quieres modificar y haz clic en Acciones y, a continuación, en Editar código.
- Haz clic en theme.liquid.
- Desplázate hasta que veas </head> y pega este código antes:
<script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript>
- Reemplaza YOUR_TAG_ID por tu ID de etiqueta único. Para encontrar tu ID de etiqueta único, abre el Administrador de anuncios de Pinterest.
- Ve al resumen del seguimiento de conversiones y busca la sección de detalles.
- Copia el número de 13 dígitos que se muestra debajo de ID de etiqueta y pégalo en lugar de YOUR_TAG_ID en el código.
Agregar un evento Checkout (de compras)
Después de instalar el código base, puedes agregar diferentes eventos para recopilar datos adicionales. Puedes agregar el evento Checkout (de compras) para hacer un seguimiento cuando la gente compra un producto y completa las transacciones.
- En el panel de administración de Shopify, haz clic en Configuración y, a continuación, en Pantalla de pagos.
- En Scripts de la página de estado del pedido, pega el código de seguimiento que aparece a continuación en el cuadro de texto. Si ya hay un código en este cuadro, pega el código de seguimiento después de este:
{% if first_time_accessed %} <script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript> <script> pintrk('track', 'checkout',{ valor: {{ total_price }} / 100, moneda: '{{ currency }}', order_quantity: 2, event_id: '{{ event_id }}', line_items: [ { product_name: '{{ product_name_1 }}', product_id: '{{ product_id_1 }}', product_price: {{ product_price_1 }}, product_quantity: 1 }, { product_name: '{{ product_name_2 }}', product_id: '{{ product_id_2 }}', product_price: {{ product_price_2 }}, product_quantity: 1 }, ], order_id: {{ checkout.order_id <script> pintrk('track', 'signup'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1"</noscript> {% endif %}
- Reemplaza YOUR_TAG_ID por tu ID de etiqueta único. Para encontrar tu ID de etiqueta único, abre el Administrador de anuncios de Pinterest.
Agregar un evento AddToCart (añadir al carrito) (opcional)
Después de instalar el código base, si lo deseas, también puedes agregar diferentes eventos para recopilar datos adicionales. Puedes agregar el evento AddToCart (añadir al carrito) para hacer un seguimiento cuando las personas agregan productos a sus carritos de compra.
Nota: Con algunos temas y widgets de Shopify, no podrás agregar un evento AddToCart (añadir al carrito).
- En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.
- En el tema que usas actualmente, haz clic en Acciones y, a continuación, en Editar código.
- En Plantillas, busca archivos de código llamados product.liquid, product-template.liquid o product-form.liquid y ábrelos. Esto puede variar en función del tema que hayas instalado, pero lo más habitual es ver el código del botón de añadir al carrito en el archivo products.liquid o uno equivalente.
- Busca addtocart en el archivo de código.
- Coloca el siguiente código en el
símbolo de inserción final del elemento <button> o <input>:onclick="pintrk('track', 'addtocart');"
- Haz clic en Guardar en la esquina superior derecha.
Si ya instalaste la etiqueta de Pinterest manualmente y ahora quieres usar la aplicación de Pinterest para Shopify, primero debes eliminar la etiqueta instalada manualmente. Asegúrate de eliminar el código base, el código de compras y el código de añadir al carrito.
Eliminar el código base
- En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.
- Ve al tema que quieres modificar y haz clic en Acciones y, a continuación, en Editar código.
- Haz clic en theme.liquid.
- Desplázate hasta que veas </head> y busca este código:
<script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript>
Eliminar el código Checkout (de compras)
- En el panel de administración de Shopify, haz clic en Configuración y, a continuación, en Pantalla de pagos.
- En la sección Scripts de la página de estado del pedido, busca el siguiente código de seguimiento en el cuadro de texto. Si hay más código en este cuadro, asegúrate de quitar solamente esta parte del código:
{% if first_time_accessed %} <script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript> <script> pintrk('track', 'checkout',{ value: {{ total_price | money_without_currency }}, currency: '{{ currency }}', order_quantity: 1, order_id: {{ checkout.id }} }); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/> </noscript> {% endif %}
Eliminar el código AddToCart (añadir al carrito)
- En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.
- En el tema que usas actualmente, haz clic en Acciones y, a continuación, en Editar código.
- En Plantillas busca un archivo de código llamado product.liquid, product-template.liquid o product-form.liquid y ábrelo. Esto puede variar en función del tema que hayas instalado, pero lo más habitual es ver el código del botón de añadir al carrito en el archivo products.liquid o algún equivalente.
- Busca addtocart en el archivo.
- Encuentra y elimina el siguiente código. Debe estar en el símbolo de inserción final del elemento <button> o <input>:
onclick="pintrk('track', 'addtocart');"
- Haz clic en Guardar en la esquina superior derecha.