如何在 nextjs 应用程序中添加 LinkedIn Insight 标签

Question

Where to put LinkedIn insight code on nextjs application.在 nextjs 应用程序上放置 LinkedIn 洞察代码的位置。

I tried adding script to _app.jsx inside tag provided by next/script我尝试将脚本添加到 next/script 提供的标签内的 _app.jsx

This is the script provided from LinkedIn site这是LinkedIn网站提供的脚本

<script type="text/javascript">
_linkedin_partner_id = "93XXXX";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script><script type="text/javascript">
(function(l) {
if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
window.lintrk.q=[]}
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})(window.lintrk);
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=933188&fmt=gif" />
</noscript>

Here is the code I implemented in Script tag:这是我在 Script 标签中实现的代码：

    <Script
        strategy="afterInteractive"
        dangerouslySetInnerHTML={{
        __html: `
            type="text/javascript";
            _linkedin_partner_id = "93XXXX";
            window._linkedin_data_partner_ids = 
            window._linkedin_data_partner_ids || [];                             
           window._linkedin_data_partner_ids.push(_linkedin_partner_id);
            (function(l) { 
                if (!l){window.lintrk = function(a,b) 
            {window.lintrk.q.push([a,b])};
            window.lintrk.q=[]} var s = 
            document.getElementsByTagName("script")[0];
            var b = document.createElement("script");
            b.type = "text/javascript";
            b.async = true;
            b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
            s.parentNode.insertBefore(b, s);})(window.lintrk);
            <noscript>
                <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3689532&fmt=gif" />
            </noscript>
`
}}
/>

Answer 1

// Add to the _document.js file in the pages folder
<Html>
    <Head />
    <body>
      <Main />
      <NextScript />
      {/* linkedIn Tag Script */}
      <script>
        {`
        _linkedin_partner_id = "93XXXX";
        window._linkedin_data_partner_ids = 
        window._linkedin_data_partner_ids || [];                             
       window._linkedin_data_partner_ids.push(_linkedin_partner_id);
        (function(l) { 
            if (!l){window.lintrk = function(a,b) 
        {window.lintrk.q.push([a,b])};
        window.lintrk.q=[]} var s = 
        document.getElementsByTagName("script")[0];
        var b = document.createElement("script");
        b.type = "text/javascript";
        b.async = true;
        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
        s.parentNode.insertBefore(b, s);})(window.lintrk);
      `}
      </script>
      <noscript>
        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=933188&fmt=gif" />
      </noscript>
    </body>
  </Html>

如何在 nextjs 应用程序中添加 LinkedIn Insight 标签

问题描述

1 个解决方案

解决方案1
0 2022-08-12 11:24:34

如何在 nextjs 应用程序中添加 LinkedIn Insight 标签

问题描述

1 个解决方案

解决方案1 0 2022-08-12 11:24:34

解决方案1
0 2022-08-12 11:24:34