Question

我需要将此Tawk聊天脚本添加到我的AMP页面。我尝试使用amp-iframe添加此脚本。但它不起作用。

<script type=“text/javascript”>
  var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  (function(){
  var s1=document.createElement(“script”),s0=document.getElementsByTagName(“script”)[0];
  s1.async=true;
  s1.src=’https://embed.tawk.to/5bd98ae0476c2f239ff6b4d8/default';
  s1.charset=‘UTF-8’;
  s1.setAttribute(‘crossorigin’,‘*’);
  s0.parentNode.insertBefore(s1,s0);
  })();
</script>

Answer 1

在此处查看spec：

除通过自定义元素提供的内容外，它不允许作者编写JavaScript来达到其性能目标。

对于以下script标签内容：

除非类型为application / ld + json，否则禁止。（可以根据需要添加其他不可执行的值。）例外是用于加载AMP运行时的强制脚本标记和用于加载扩展组件的脚本标记。

Afaik在AMP中不支持聊天。您最多可以添加一条tweet / facebook帖子，并在此处发表评论。允许的组件在这里：https://www.ampproject.org/docs/reference/components/amp-twitter

Answer 2

我尝试添加一个并将源定义为tawk.to嵌入的链接：

<amp-iframe width="450"
  height="600"
     id="amptawk"
  layout="responsive"
  sandbox="allow-scripts allow-same-origin allow-popups"
  allowfullscreen
  frameborder="0"
  src="https://tawk.to/chat/xxxxxxxxxxx/yyyyyyy">
</amp-iframe>

您必须将其包括在头部：

<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

我已经工作了一段时间，但是tawk.to脚本中似乎存在一个错误，使其不再起作用。您可以尝试一下。

如何在Google AMP中嵌入Tawk聊天脚本

2 个答案: