如何从LiveChat菜单中添加帮助Scout javascript WordPress

Question

我的客户想从这里添加实时聊天脚本代码，但他希望它放在特定的菜单/联系人菜单/我不是如何实现它。请告诉我关于这方面的任何想法，我对javascript不太熟悉

这是实时聊天的javascript：

<script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
<script type="text/javascript">window.Beacon('init', '602b66a1-948e-493f-b0dd-c2828b2eb860')</script>

谢谢

Answer 1

使用add_action向wp_footer钩子添加一个函数，然后在函数内部在输出脚本之前检查是否位于特定页面上。

例如：/contact-us/页面上的“帮助童子军”脚本：

add_action('wp_footer', 'maybe_add_javascript');
function maybe_add_javascript() {
    if (!is_page('contact-us')) {return;}
    ?>
    <script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
    <script type="text/javascript">window.Beacon('init', '602b66a1-948e-493f-b0dd-c2828b2eb860')</script>
    <?php
}