Instalé la etiqueta de Pinterest en mi sitio de comercio electrónico en la página de detalles del producto. Necesito la etiqueta de Pinterest para activar el evento de conversión de agregar al carrito SOLO cuando alguien hace clic en el botón Agregar al carrito que se encuentra en mi página.

La etiqueta actualmente está rastreando el evento de agregar al carrito tan pronto como se carga la página. Por lo tanto, se realiza un seguimiento incluso cuando no se hizo clic en el botón porque solo se basa en la carga de la página. Necesito que rastree solo cuando se ha hecho clic en el botón.

(Tenga en cuenta que estoy usando la extensión de Chrome de Pinterest Tag Helper. Así es como puedo ver visualmente que la etiqueta registra el evento ATC cuando se carga la página y no cuando hago clic en el botón)

¿Cuál sería el jQuery adecuado para rastrear esto solo al hacer clic si mi código se presenta de la siguiente manera? Tenga en cuenta que la parte del código que dice <img height="1" width="1" es donde está ocurriendo el desencadenante añadir al carrito actualmente.

 <!-- Pinterest Tag --> <script> !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', 'MY_PINTEREST_TAG_ID', { em: '<user_email_address>' }); pintrk('page'); </script> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=MY_PINTEREST_TAG_ID&event=addtocart&ed[value]=@Model.Price&ed[order_quantity]=1&ed[currency]=USD&noscript=1" /> <!-- end Pinterest Tag -->

He buscado en su documentación, pero no muestra cómo una aplicación del mundo real se vincularía con su código para activar el evento al hacer clic en un botón, solo muestra valores estáticos. El siguiente enlace es donde obtuve este código de la sección llamada: Ejemplos de datos de eventos en la etiqueta IMG para copiar y pegar

https://help.pinterest.com/en/business/article/add-event-codes

Este es el código de mi botón:

 <button class="add-item button-primary" data-item-id="@Model.id" data-item-price="@Model.Price" data-item-name="@Model.Title"> Add To Cart </button>