LinkedIn link 并不总是显示在 Angularjs 网站上

Question

我在 Angularjs 的一个非盈利网站上工作，当我添加 LinkedIn 和 Facebook 分享按钮时，Facebook 按钮始终显示，但 linkedIn 按钮仅在初始加载时显示。当我转到 mcwn.org 时，会显示按钮。当我点击顶部的选项卡按钮，然后通过点击顶部的网站徽标返回主页时，LinkedIn 按钮未显示。

有人有想法吗？这是非常令人沮丧的。谢谢

Answer 1

我认为 @pascal-sanchez 在评论中说，linkedin js 文件在您的网站中加载了两次。

在控制台日志中你可以找到这样的错误。

"duplicate in.js loaded, any parameters will be ignored"

如果我们将看到 "pure page code"，我们将只找到一次 linkedin 文件。它告诉我们第二个文件是异步写入 header 部分的。可能会在加载时引发错误。您可以尝试更改此行：

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>

至此

<script>
if (typeof (IN) !== 'undefined') {
  // IN.parse(); // old but still supports
  IN.init();  // reinitiating linkedin button  
} else {
  $.getScript("http://platform.linkedin.com/in.js");
}   
</script>

此脚本将检查 likedin 是否已经启动并加载，如果没有启动它。

LinkedIn link 并不总是显示在 Angularjs 网站上

LinkedIn link not always displayed on Angularjs website

html

linkedin

angularjs