LinkedIn Insights 标签未在我的 WordPress 网站上正确注入

Question

我将 WordPress 用于我的网站，并希望确保我的 LinkedIn 洞察标签正确显示。 我有一个问题，无论我使用什么方法（各种 WP HTML Snippets 插件），我的 LinkedIn 洞察标签中只有一小部分显示在我的网站上。

见解标签如下所示：

<script type="text/javascript">
_linkedin_partner_id = "123456";
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(){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);})();
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=123456&fmt=gif" />
</noscript>

无论我使用哪种方法，实际注入的只是以下部分：

<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=123456&fmt=gif" />
</noscript>

有谁知道为什么会发生这种情况以及如何解决？ 谢谢。

Answer 1

翻译有很多插件，因为它可能是你的主题或插件只接受 html。

我的建议是打开您的示例主题： wp-content/themes/{seutema}/header.php

在此文件中，您可以在任何地方的 body 标记内添加。 这样就可以 100% 确定您的代码将正常呈现。

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <?php wp_head(); ?>

    <!--- ... other codes --->

    <script type="text/javascript">
    _linkedin_partner_id = "123456";
    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(){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);})();
    </script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=123456&fmt=gif" />
    </noscript>

</head>
<body>

另一种选择是在关闭正文标记之前将其添加到当前主题中的 footer.php 文件的末尾。 例子

        <!--- ... other codes --->

        <script type="text/javascript">
        _linkedin_partner_id = "123456";
        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(){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);})();
        </script>
        <noscript>
        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=123456&fmt=gif" />
        </noscript>
</body>
</html>

第三种选择

您可以将此代码添加到您的函数中。php 可能发生的是主题正在调用其他文件来代替默认值。

function add_custom_script_footer(){
    ?>
    <script type="text/javascript">
        _linkedin_partner_id = "123456";
        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(){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);})();
    </script>
    <noscript>
        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=123456&fmt=gif" />
    </noscript>
    <?php
}
add_action( 'wp_footer', 'add_custom_script_footer', 9999, 1 );