Joinchat

FAQ

버튼이 보이지 않거나 다른 항목 위에/아래에 있습니다.

Joinchat 설정> 고급 > 사용자 지정 CSS에서 이 CSS를 추가하여 버튼의 위치를 아무 것도 가리지 않도록 변경할 수 있습니다:

.joinchat { z-index:999999; }

Z-인덱스의 값이 높을수록 기본값은 9000입니다.

위로 이동해야 하는 경우:

/* always */
.joinchat { --bottom: 60px; }

/* mobile only */
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .joinchat { --bottom: 60px; }
}

버튼 크기 변경

Joinchat 설정 > 고급 > 사용자 지정 CSS에서 이 CSS를 추가하여 버튼 크기를 변경할 수 있습니다:

/* always */
.joinchat { --s: 50px; }

/* mobile only */
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .joinchat { --s: 40px; }
}

WooCommerce 제품 버튼의 경우 크기를 변경할 수 있습니다:

.joinchat__woo-btn { --s: 50px; }

쇼트코드 / 트리거

Joinchat은 쇼트코드를 제공하지 않지만, 두 가지 방법으로 WhatsApp에 쉽게 연결할 수 있습니다:

1. #whatsapp(WhastApp 바로 열기) 또는 #joinchat(채팅 창 표시)에 앵커 링크 추가하기.
   예: 메뉴에 URL #whatsapp가 포함된 사용자 지정 링크를 추가합니다.
2. joinchat_app(WhastApp 바로 열기) 또는 joinchat_open(채팅 창 표시) 요소에 css 클래스를 추가합니다.
   예를 들어: <img src="contact.jpg" class="joinchat_open" alt="연락처"<

이는 휴대폰 설정 및 동적 변수가 있는 메시지와 함께 작동하며, Joinchat이 표시되지 않는 페이지에서도 작동합니다.

사용자 지정 직접 WhatsApp 링크의 경우 데이터-전화 및 데이터-메시지 속성을 추가할 수 있습니다
예: <a href="#whatsapp" data-phone="99999999" data-message="지금 채팅하고 싶어요!</a<

향상된 전화 입력 비활성화

Joinchat은 국제 전화번호 입력 라이브러리를 사용하여 각 국가의 형식에 맞는 전화번호를 쉽게 입력하고 검증할 수 있습니다. 전화번호 입력에 문제가 있거나 변경 없이 직접 입력하고 싶은 경우 이 필터를 사용하여 비활성화할 수 있습니다 (WhatsApp 가이드라인을 따르세요.):

add_filter( 'joinchat_enhanced_phone', '__return_false' );

다른 역할이 설정을 변경하도록 허용

기본적으로 Joinchat 설정은 manage_options 권한이 있는 사용자(관리자)만 편집할 수 있습니다.
"joinchat_capability" 필터를 사용하여 필요한 기능을 변경할 수 있습니다.

// e.g. allow shop managers:
add_filter( 'joinchat_capability', function(){ return 'manage_woocommerce'; } );

// e.g. allow editors:
add_filter( 'joinchat_capability', function(){ return 'edit_pages'; } );

V4.4 Joinchat 메뉴는 wp-관리자의 직접 메뉴로 배치되어 있지만 "joinchat_submenu" 필터를 사용하여 변경할 수 있습니다:

// Show as submenu under Settings (also require "manage_options" capability)
add_filter( 'joinchat_submenu', '__return_true' );

구텐베르크 사이드바 비활성화

블록 편집기는 빠르게 진화하며 예상하지 못한 오류가 발생할 수 있습니다.

구텐베르크 및 Joinchat에 오류가 있거나 이전 Joinchat 메타박스를 선호하는 경우 이 필터를 사용할 수 있습니다:

add_filter( 'joinchat_gutenberg_sidebar', '__return_false' );

WPML/Polylang 번역

Joinchat 설정은 사이트의 기본 언어로 저장됩니다. 다른 언어 번역의 경우 WPML/Polylang 설정 > 문자열 번역으로 이동하여 “Joinchat”을 기준으로 문자열 그룹을 필터링하고 각 언어의 문자열을 업데이트합니다.

여러 목적지가 있는 Google 태그

5.1부터 Joinchat은 Google 태그에서 여러 대상을 감지하여 모든 대상에게 이벤트를 보낼 수 있습니다.

Google 애널리틱스 4 통합

Joinchat은 사용자가 WhatsApp을 실행할 때 사용자 지정 이벤트를 보냅니다.

Google 애널리틱스 4(gtag.js)가 감지되면 권장되는 'generate_lead' 이벤트를 사용하세요:

gtag('event', 'generate_lead', {
    event_category: 'JoinChat',
    event_action: 'whatsapp: 99999999999',
    event_label: destination_url,
    chat_channel: 'whatsapp',
    chat_id: '99999999999',
    is_mobile: 'yes' | 'no',
});

사이트에 데이터 레이어(‘dataLayer’)에 대한 표준 이름이 없는 경우 이 PHP 필터를 사용하여 사용자 정의 이름을 설정할 수 있습니다. GA4에 다른 이벤트 이름을 설정할 수도 있습니다:

// Rename GA4 event / Rename dataLayer name
add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_event'] = 'myGA4Event';
    $settings['data_layer'] = 'dataLayerCustom';
    return $settings;
} );

// Disable GA4 event
add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_event'] = false;
    return $settings;
} );

Joinchat은 플러그인 몬스터인사이트 – 워드프레스용 구글 애널리틱스 대시보드 및 구글 태그 매니저 – 워드프레스용 구글 태그 매니저 사용자 정의 이름과 호환됩니다.

Google 태그 관리자 통합

Joinchat은 사용자가 WhatsApp을 실행할 때 GTM이 감지되면 'Joinchat' 이벤트를 전송합니다:

dataLayer.push({
    event: 'JoinChat',
    event_action: 'whatsapp: 99999999999',
    event_label: destination_url,
    chat_channel: 'whatsapp',
    chat_id: '99999999999',
    is_mobile: 'yes' | 'no',
    page_location: current_url,
    page_title: page_title,
});

Facebook Pixel 통합

사용자가 WhatsApp을 실행할 때 페이스북 픽셀이 감지되면 JoinChat은 'JoinChat' 사용자 지정 이벤트를 전송합니다:

fbq('trackCustom', 'JoinChat', {
    event_action: 'whatsapp: 99999999999',
    event_label: destination_url,
    chat_channel: 'whatsapp',
    chat_id: '99999999999',
    is_mobile: 'yes' | 'no',
    page_location: current_url,
    page_title: page_title,
});

사용자 지정 이벤트 / 이벤트 매개변수 추가

Joinchat은 WhatsApp을 실행하기 전과 분석 이벤트를 보내기 전 'joinchat:open'에 사용자 지정 이벤트를 트리거합니다 'joinchat:event'.

이를 사용하여 필요에 따라 확장하거나, 추가 기능을 추가하거나, 이벤트를 취소하거나, 추가 매개변수를 추가할 수 있습니다.

// e.g.: Send webhook to Zapier
jQuery(document).on('joinchat:event', function (event, params) {
  jQuery.post('https://hooks.zapier.com/hooks/catch/123456/xxxxxx/', params );
});

// e.g.: Add user_is_logged param for GA4/GTM event
jQuery(document).on('joinchat:event', function (event, params) {
  params.user_is_logged = document.body.classList.contains('logged-in') ? 'yes' : 'no';
});

GDPR은 어떻게 되나요?

Joinchat은 쿠키 없이 사용할 수 있습니다.

Joinchat 설정에 따라 두 개의 쿠키가 필요할 수 있습니다. 이 쿠키는 퍼스트 파티 쿠키이며 개인 데이터를 수집하지 않습니다.

• joinchat_views는 채팅 창을 언제 표시할지 제어하는 방문 카운터입니다.
• joinchat_hashes는 사용자가 CTA와 상호작용한 경우 저장하여 해당 CTA가 자동으로 다시 표시되는 것을 방지합니다.

설정 > 개인정보 > 정책 가이드에서 Joinchat에서 제안한 텍스트를 볼 수 있습니다.