在WordPress的所有页面中包含聊天(Html、js、css

时间：2017-02-16 作者：Lisa

我需要在所有WP网站上添加一个HTML、css和js聊天小部件。我在本地（functions.php）中尝试了以下内容，效果很好，但只是在主页上。相同的代码联机，但没有显示任何内容。有什么建议吗？提前感谢：）

<?php
     function add_chat ( ) { 
     ?>
            <script type="text/javascript">
            SERVICE_PATTERN_CHAT_CONFIG = {
                appId: \'\',
                clientId: \'\',            /* no need to change this */
                apiUrl: \'\',
                tenantUrl: \'\',
                width: 300,
                chatPath: \'\'

            };
            </script>
            <script type="text/javascript" src="js/snippet.js"></script>
    <?php
        }

add_action (\'wp_footer\', \'add_chat\' );?>

2 个回复
SO网友:Johansson

尝试将内联脚本包含在snipper.js 文件，然后使用wp_enqueue_scripts():

function my_chat_script() {
    wp_enqueue_script( \'chat-js\', \'URL OF SNIPPER HERE\', false );
}
add_action( \'wp_enqueue_scripts\', \'my_chat_script\' );
这是在WordPress中使用functions.php 文件

但是，如果坚持单独添加它们，可以使用wp_add_inline_script():

function chat_script() {
   wp_enqueue_script( \'my-chat-script\', \'SNIPPER URL HERE\', array(), \'1.0\' );
   wp_add_inline_script( \'my-chat-script\', \'SERVICE_PATTERN_CHAT_CONFIG = {appId: \'0ef0636b4c36497b866322a096926049\', clientId: \'WebChat\',apiUrl: \'https://poc.3d2b.ccaas.becloudsolutions.com:9443/clientweb/api/v1\',tenantUrl: \'3d2b.com\',width: 300,chatPath: \'\'};\' );
}
add_action( \'wp_enqueue_scripts\', \'chat_script\' );
这将分别输出代码段和内联脚本。

SO网友:Lisa

谢谢你的回答。最后，我设法用wp_register 和wp_enqueue 像这样：

function add_chat_scripts() {
    wp_register_script( \'chat\', get_template_directory_uri() . \'/js/chat.js\' , array(), true );
    wp_register_script( \'chat-snippet\', get_template_directory_uri() . \'/js/snippet.js\', array(\'chat\') );
    wp_enqueue_script  (\'chat\');
    wp_enqueue_script(\'chat-snippet\');
}
add_action( \'wp_enqueue_scripts\', \'add_chat_scripts\' );
它成功了。但现在的问题是，聊天只会出现在主页上，而不会出现在其他地方。我怎样才能解决这个问题？您可以查看聊天here （但在chrome和firefox中不起作用）

我在wp_register, 本地etc。在线上仍然有内联脚本，但仍在运行。

提前谢谢你

标签： widgets   javascript   html   小码农  

相关推荐

我可以使用<脚本>直接插入JavaScript吗？

我对建立Wordpress网站很陌生，所以如果我不能正确描述事情，请原谅我。有一个网站提供。屏幕上飞行蝙蝠的js文件。https://www.delphitools.info/2013/10/30/pimp-your-website-with-an-halloween-bat/它说我可以使用<script async src=\"https://cdn.delphitools.info/wp-content/uploads/2013/10/jsbat.js\"></script>&