WordPress 플러그인에 온라인 채팅 기능을 추가하는 방법

WordPress 플러그인에 온라인 채팅 기능을 추가하는 방법

현대 소셜 미디어 시대에는 사용자와 즉각적인 연결을 유지하고 소통하는 것이 점점 더 중요해졌습니다. 사용자의 질문에 답변을 제공하든, 기술 지원을 제공하든, 실시간으로 사용자와 소통하려면 간결하고 효율적인 방법이 필요합니다. 이를 위해 WordPress 플러그인에 온라인 채팅 기능을 추가하여 사용자와 즉시 소통하는 것을 고려할 수 있습니다.

WordPress 플러그인에 온라인 채팅 기능을 추가하기 위해 타사 채팅 플랫폼의 API 인터페이스를 활용하고 이를 플러그인에 통합할 수 있습니다. 다음은 타사 채팅 플랫폼 Tawk.to의 API 인터페이스를 사용하여 WordPress 플러그인에 온라인 채팅 기능을 추가하는 방법을 보여주는 예입니다.

먼저 Tawk.to 공식 웹사이트에 계정을 등록하고 애플리케이션을 만들어야 합니다. 등록이 완료되면 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에서 얻은 API로 바꿔야 합니다. 웹사이트 키. 코드는 JavaScript를 사용하여 WordPress 플러그인 하단에 포함되어 있습니다. YOUR_TAWKTO_API_KEY替换为我们在Tawk.to网站上获得的API密钥。代码使用了JavaScript嵌入到WordPress插件的底部。

接下来，我们需要在WordPress插件的设置页面中添加选项，以便用户可以输入他们自己的Tawk.to API密钥。我们可以使用WordPress提供的Settings 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函数用于注册我们的设置。

最后，我们需要在WordPress插件的设置页面中调用上述设置，以便用户可以输入他们的Tawk.to API密钥。我们可以在插件的主文件中添加以下代码：

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

다음으로 사용자가 자신의 Tawk.to API 키를 입력할 수 있도록 WordPress 플러그인의 설정 페이지에 옵션을 추가해야 합니다. WordPress에서 제공하는 설정 API를 사용하여 다음 설정을 추가할 수 있습니다.

rrreee

위 코드에서 add_settings_section 함수는 설정 페이지의 섹션을 추가하는 데 사용되며 add_settings_field 는 특정 설정 필드를 추가하는 데 사용되며, register_setting 함수는 설정을 등록하는 데 사용됩니다.

마지막으로 사용자가 Tawk.to API 키를 입력할 수 있도록 WordPress 플러그인 설정 페이지에서 위 설정을 호출해야 합니다. 플러그인의 기본 파일에 다음 코드를 추가할 수 있습니다. 🎜rrreee🎜위 코드에서 add_submenu_page는 설정 페이지인 chat_settings_page로 연결되는 하위 메뉴를 추가하는 데 사용됩니다. > 설정 페이지의 내용을 표시하는 데 사용되는 방법입니다. 🎜🎜위 단계를 통해 WordPress 플러그인에 온라인 채팅 기능을 성공적으로 추가했습니다. 사용자는 플러그인 설정 페이지에 Tawk.to API 키를 입력하고 프런트엔드에서 실시간 채팅 버튼을 볼 수 있습니다. 이용자가 버튼을 클릭하면 홈페이지 관리자와 실시간으로 소통할 수 있습니다. 🎜🎜요약하자면, WordPress 플러그인에 온라인 채팅 기능을 추가하면 사용자와의 즉각적인 커뮤니케이션 효율성을 크게 향상시킬 수 있습니다. 타사 채팅 플랫폼의 API 인터페이스를 통합함으로써 이 기능을 쉽게 구현할 수 있습니다. 이 기사의 코드 예제가 도움이 되기를 바랍니다. 🎜

위 내용은 WordPress 플러그인에 온라인 채팅 기능을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!