时间戳

首页 > 解决方案 > 使用 Google 标签管理器设置 Pinterest 标签不起作用

reactjs - 使用 Google 标签管理器设置 Pinterest 标签不起作用

问题描述

我按照 Pinterest 步骤在我的 Next.js 网站上实施 Pinterest 标签。这是一个无代码实现，我在我的网站上成功安装了谷歌标签，我可以看到标签助手上触发的事件。但是，Pinterest 标签没有被触发，我似乎找不到任何带有 Pinterest 标签的 React 应用程序示例。

在此处输入图像描述

因为之前的方法不起作用，所以我尝试了手动实现，但我认为这不是正确的代码。

_document.js 中的手动实现：

<script 
        dangerouslySetInnerHTML={{ __html:`
        !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', '<PINT_CODE>', {em: '<user_email_address>'});
          pintrk('page');
        ` }}
      />

标签： reactjsnext.jspinterest

解决方案

这是我找到的解决方案：

<script 
      dangerouslySetInnerHTML={{ __html:`
        !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_CODE', {em: '<user_email_address>'});
        pintrk('page');
      ` }}
      />

推荐阅读