第三方脚本在页面刷新之前不会加载答案

【问题标题】：Third party script wont load until page refresh第三方脚本在页面刷新之前不会加载
【发布时间】：2020-05-10 15:32:26
【问题描述】：

我的博客遇到了一个问题，我几个月来一直在写内容。我正在使用 Gatsby v2 和 Netlify CMS v2，并在 Netlify 和 Github 的帮助下托管整个博客。

几天前我已经寻求帮助，但由于没有足够的说明，帖子被删除了。

所以，我现在再试一次。

我正在使用这个启动器：https://github.com/thriveweb/yellowcake，除了 CSS 并没有太大变化。

我正在尝试通过添加来自 Addthis.com 的共享按钮来更新我所有博客文章的 /src/templates/SinglePost.js 模板来改进我的博客。我已成功将他们的代码（脚本）添加到我的博客中：

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-545927b3c48573a"></script>

通过使用 Netlifys Snippet 注入选项。此选项允许在</body> 标记之前将分析或其他脚本注入网站的 HTML。

但由于它是一个静态网站，如果我从主页 URL 输入该网站，它不会在其他页面上加载脚本。如果我来自主页或网站的任何其他页面，我必须刷新（重新加载）博客文章才能看到共享按钮。有没有办法在用户从主页进入博客文章时自动刷新博客文章？

寻找解决方案:)

【问题讨论】：

stackoverflow.com/questions/59574000/…

标签： javascript gatsby netlify addthis

【解决方案1】：

你可以试试

<body onload="addScript()">

function addScript() { 
   var my_script = document.createElement('script'); 
   my_script.setAttribute('src','http.....'); 
   document.head.appendChild(my_script); 
}

【讨论】：

应该做什么@Qhori