WordPressプラグインにオンラインチャット機能を追加する方法

WordPress プラグインにオンライン チャット機能を追加する方法

ソーシャル メディアの現代では、ユーザーと即座に連絡を取り合い、コミュニケーションをとることがますます重要になっています。ユーザーの質問に答える場合でも、テクニカル サポートを提供する場合でも、ユーザーとリアルタイムでコミュニケーションするには、簡潔かつ効率的な方法が必要です。これを行うには、WordPress プラグインにオンライン チャット機能を追加して、ユーザーと即座にコミュニケーションできるようにすることを検討できます。

オンライン チャット機能を WordPress プラグインに追加するには、サードパーティのチャット プラットフォームの API インターフェイスを使用し、それをプラグインに統合します。以下は、サードパーティ チャット プラットフォーム Tawk.to の API インターフェイスを使用して、オンライン チャット機能を WordPress プラグインに追加する方法を示す例です。

まず、Tawk.to 公式 Web サイトにアカウントを登録し、アプリケーションを作成する必要があります。登録が完了すると、Tawk.to と通信するための固有の API キーを受け取ります。

次に、WordPress プラグインのコードに次の関数コードを追加する必要があります:

function add_chat_button() {
    $api_key = 'YOUR_TAWKTO_API_KEY';
    echo '<script type="text/javascript">
                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/" + $api_key + "/default";
                    s1.charset="UTF-8";
                    s1.setAttribute("crossorigin","*");
                    s0.parentNode.insertBefore(s1,s0);
                })();
            </script>';
}
add_action('wp_footer', 'add_chat_button');

上記のコードでは、まず YOUR_TAWKTO_API_KEY を何に置き換える必要があります。 Tawk には、Web サイトで取得した .to API キーがあります。コードは、JavaScript を使用して WordPress プラグインの下部に埋め込まれます。

次に、ユーザーが独自の Tawk.to API キーを入力できるように、WordPress プラグインの設定ページにオプションを追加する必要があります。 WordPress が提供する設定 API を使用して、次の設定を追加できます。

function chat_settings_init() {
    add_settings_section('chat_settings_section', __('Chat Settings', 'wp_chat'), false, 'general');

    add_settings_field(
        'tawkto_api_key',
        __('Tawk.to API Key', 'wp_chat'),
        'chat_settings_callback',
        'general',
        'chat_settings_section'
    );

    register_setting('general', 'tawkto_api_key');
}
add_action('admin_init', 'chat_settings_init');

function chat_settings_callback() {
    $api_key = get_option('tawkto_api_key');
    echo '<input type="text" id="tawkto_api_key" name="tawkto_api_key" value="' . $api_key . '" />';
}

上記のコードでは、add_settings_section 関数を使用して設定ページのセクションを追加し、add_settings_field を使用します 特定の設定フィールドを追加します。##register_setting 関数を使用して設定を登録します。

最後に、ユーザーが Tawk.to API キーを入力できるように、WordPress プラグインの設定ページで上記の設定を呼び出す必要があります。次のコードをプラグインのメイン ファイルに追加できます。

function chat_settings_page() {
    ?>
    <div class="wrap">
        <h1><?php echo esc_html(get_admin_page_title()); ?></h1>
        <form method="post" action="options.php">
            <?php
            settings_fields('general');
            do_settings_sections('general');
            submit_button();
            ?>
        </form>
    </div>
    <?php
}
function add_chat_settings_submenu() {
    add_submenu_page('options-general.php', __('Chat Settings', 'wp_chat'), __('Chat Settings', 'wp_chat'), 'manage_options', 'chat-settings', 'chat_settings_page');
}
add_action('admin_menu', 'add_chat_settings_submenu');

上記のコードでは、

add_submenu_page を使用して、設定ページ ## にリンクするサブメニューを追加します。 #chat_settings_page設定ページの内容を表示するメソッドです。 上記の手順により、WordPress プラグインにオンラインチャット機能を追加することができました。ユーザーはプラグインの設定ページに Tawk.to API キーを入力すると、フロントエンドにライブ チャット ボタンが表示されます。ユーザーがボタンをクリックすると、Web サイト管理者とリアルタイムで通信できるようになります。

要約すると、WordPress プラグインにオンライン チャット機能を追加すると、ユーザーとの即時コミュニケーションの効率が大幅に向上します。サードパーティチャットプラットフォームのAPIインターフェースを統合することで、この機能を簡単に実装できます。この記事のコード例がお役に立てば幸いです。

以上がWordPressプラグインにオンラインチャット機能を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。