如何使用 functions.php 将实时聊天小部件添加到 wordpress 管理区域

Question

我想将实时聊天小部件（例如 Facebook Messenger）添加到 WordPress 网站的后端。我希望它只显示在 wp-admin 区域的页面上。

我尝试在functions.php 中使用它，但由于我猜测的HTML 引发了错误。关于如何让它发挥作用的任何想法？

function enqueue_live_chat() {

    <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        xfbml            : true,
        version          : 'v9.0'
      });
    };

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your Chat Plugin code -->
  <div class="fb-customerchat"
    attribution=setup_tool
    page_id="######"


 theme_color="#9482ff">
      </div>
    
    }

add_action( 'admin_enqueue_scripts', 'enqueue_live_chat' );

Answer 1

使用add_action( 'admin_footer', 'callback function' );

因此它将帮助您将代码添加到管理后端，阅读更多关于操作Here

<?php
function enqueue_live_chat() { ?>

    <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        xfbml            : true,
        version          : 'v9.0'
      });
    };

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your Chat Plugin code -->
  <div class="fb-customerchat"
    attribution=setup_tool
    page_id="######"


 theme_color="#9482ff">
      </div>
    
<?php    }

add_action( 'admin_footer', 'enqueue_live_chat' ); ?>