时间戳

首页 > 解决方案 > 如何在谷歌 AMP 中嵌入 Tawk 聊天脚本

javascript - 如何在谷歌 AMP 中嵌入 Tawk 聊天脚本

问题描述

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

<script type=“text/javascript”&gt;
  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>

标签： javascriptamp-htmltawk.to

解决方案

我尝试添加一个并将源定义为 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 脚本中似乎有一个错误，它不再起作用。你可以试试。

推荐阅读