it-swarm.com.de

Schließen Sie Chat (HTML, js, css) in alle Seiten von WordPress ein

Ich muss ein Chat-Widget in HTML, CSS und JS auf allen WP Websites hinzufügen. Ich habe folgendes in local (functions.php) ausprobiert und es hat gut funktioniert, aber nur auf der Homepage. Gleicher Code online und nichts wird angezeigt. Irgendein Rat? Danke im Voraus :)

<?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' );?>
1
Lisa

vielen Dank für Ihre Antwort. Schließlich habe ich es geschafft, den Chat mit wp_register und wp_enqueue wie folgt hinzuzufügen:

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' );

Und es hat funktioniert. Aber jetzt ist das Problem, dass der Chat nur auf der Homepage und nirgendwo anders auftaucht. Wie kann ich das lösen? Sie können den Chat hier sehen (Es funktioniert jedoch nicht in Chrome und Firefox)

Ich tride den wp_register etc auf local. Online gibt es noch das Inline-Skript, aber es funktioniert trotzdem.

Danke im Voraus

1
Lisa

Versuchen Sie, Ihr Inline-Skript am Ende Ihrer snipper.js -Datei einzufügen, und reihen Sie es dann mit wp_enqueue_scripts() in die Warteschlange ein:

function my_chat_script() {
    wp_enqueue_script( 'chat-js', 'URL OF SNIPPER HERE', false );
}
add_action( 'wp_enqueue_scripts', 'my_chat_script' );

Dies ist der richtige Weg, um Skripte mit der functions.php-Datei in WordPress einzubinden.

Wenn Sie jedoch darauf bestehen, sie separat hinzuzufügen, können Sie wp_add_inline_script() verwenden:

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' );

Dadurch werden Ihr Snippet und Ihr Inline-Skript separat ausgegeben.

1
Jack Johansson