Support Home > 공유

공유

이 가이드에서는 메시지가 웹에서 널리 퍼지는 데 도움이 되도록 공유 버튼을 블로그 글에 추가하여 Twitter, 페이스북, Tumblr, LinkedIn과 수많은 다른 서비스를 통해 콘텐츠를 쉽게 공유하는 기능을 독자에게 제공하는 방법을 보여드립니다.

일반 기능과 FAQ는 정보 페이지를 참조하세요.

공유하면 독자가 자신이 이용하는 네트워크에 해당 콘텐츠를 공개하는 도구가 각 글 및/또는 페이지 하단에서 제공됩니다. 아이콘, 텍스트 또는 둘 다로 표시되도록 서비스를 구성할 수 있습니다. 일부 서비스에서는 글이 공유된 횟수가 해당 서비스에서 전달된 대로 표시되기도 합니다.

공유 버튼 활성화하기

공유 버튼을 활성화하는 방법은 다음과 같습니다.

  1. WP 관리자에서 젯팩 → 설정 → 공유로 이동합니다.
  2. 공유 버튼 아래에서 글 및 페이지에 공유 버튼 추가 옵션을 활성화합니다.

공유 버튼 추가하기 및 공유하기

기능이 활성 상태이면 다음과 같은 간단한 네 단계로 사이트에 공유 버튼을 추가할 수 있습니다.

  1. 사이트의 WP 관리자 * 에서 설정 → 공유로 이동하거나, 아니면 다음과 같은 URL을 도메인 옆에 붙여넣을 수 있습니다.
    • yoursite.com/wp-admin/options-general.php?page=sharing
  2. 공유 버튼 아래에서 사용하려는 서비스를 끌어서 활성화된 서비스 영역에 원하는 순서로 놓습니다. 공유 버튼 뒤에 해당 서비스가 숨겨지는 활성화된 서비스 영역의 상자로 서비스를 끌어올 수도 있습니다.
  3. 선호하는 버튼 스타일과 버튼을 표시할 위치를 선택합니다.
  4. 변경 사항 저장을 클릭합니다.

* 공유 버튼은 도구 → 마케팅 → 공유 버튼을 통해 워드프레스닷컴에서도 관리할 수 있습니다.

새 서비스를 추가하려면 언제든지 활성화된 서비스 영역으로 버튼을 끌어오세요.

공유 버튼 옵션

공유 버튼을 사용자 정의할 수 있는 몇 가지 옵션이 있습니다.

  • 버튼 스타일: 이 옵션에서는 아이콘 + 텍스트, 아이콘만, 텍스트만 또는 서비스의 공식 공유 버튼으로 버튼이 표시되도록 선택할 수 있습니다.
  • 공유 레이블: 이 옵션에서는 공유 버튼 위에 표시되는 메시지를 사용자 정의할 수 있습니다.
  • 다음에 버튼 표시: 이 옵션에서는 프론트 페이지, 아카이브 페이지와 검색 결과, 글, 페이지 및/또는 미디어에 공유 버튼이 표시되도록 선택할 수 있습니다.
  • Twitter 사이트 태그: 이 필드에서 Twitter 사용자명을 추가하면 공유한 트윗 끝에 사용자 정의 via @TwitterUsername 메시지가 추가됩니다.
  • CSS 및 JS 비활성화: 고급 옵션입니다. 이 옵션을 선택하는 경우 공유 링크가 작동하려면 테마에 해당 파일을 수동으로 포함해야 합니다.

지원되는 서비스

다음과 같은 서비스가 현재 지원됩니다.

  • 이메일 *
  • 페이스북
  • LinkedIn
  • Pinterest
  • Pocket
  • Print
  • Reddit
  • 스카이프
  • Telegram
  • Tumblr
  • Twitter
  • WhatsApp

* 참고: 이메일 공유는 아키스밋 스팸 필터링 플러그인을 사용하여 스팸 남용을 방지하는 경우 또는 다음을 functions.php 파일 또는 기능 플러그인에 추가하여 이메일 공유를 명시적으로 활성화하는 경우에만 사용할 수 있습니다.

add_filter( 'sharing_services_email', '__return_true' );

문제 해결

버튼에 공유/좋아요 수가 표시되지 않습니다.

일부 서비스에서는 공유 횟수를 표시할 수 없습니다. Twitter에서는 공유 수가 표시되지 않습니다. 페이스북 공유 수는 페이스북의 총 공유, 좋아요 및 댓글 수입니다.

특정 서비스의 경우 공유 횟수가 “공식 버튼”에만 표시됩니다. 공유 수가 표시되지 않으면 버튼 스타일 드롭다운에서 공식 버튼을 선택해 보세요. Pinterest의 Pin-It 버튼은 공식 버튼 스타일을 사용하는 경우에만 이미지에 표시됩니다.

공유 버튼이 표시되지 않습니다.

설정 → 공유에서 공유 설정을 점검하고 공유 버튼을 표시할 글 유형에 대한 공유 버튼을 활성화했는지 확인하세요.

공유 횟수가 0으로 초기화되었습니다.

공식 공유 버튼마다 표시되는 총계는 페이스북, Twitter 등과 같은 서비스 자체에서 전달됩니다. 해당 서비스에서는 글이 원래 공유되었을 당시의 정확한 URL을 사용하여 총횟수를 계산합니다.

어떤 식이로든 사이트의 URL이 변경되는 경우(예: http에서 https로 변경 또는 퍼머링크 구조 변경) 글의 정확한 URL이 즉각 변경되지 않으므로 횟수가 0으로 초기화됩니다.

그리고 워드프레스닷컴 또는 젯팩이 아니라 각 서비스에 횟수 데이터가 있으므로 당사로서는 해당 총계를 합치하거나 업데이트할 방법이 없습니다.

내 워드프레스 알림판에 공유 섹션이 표시되지 않습니다.

공유가 활성화되면 워드프레스 알림판의 도구 → 마케팅 아래에 공유 버튼 섹션이 있습니다. 표시되지 않는 경우 이 가이드에 따라 공유 기능이 비활성화되지 않았는지 확인하세요.

왜 Google+에 공유할 수 없나요?

Google+는 이제 공유 버튼 옵션이 아닙니다. 이전에 Google+ 버튼을 사이트에 추가하지 않았으면 사이트에 버튼을 추가하는 옵션이 더는 표시되지 않습니다. 설정 > 공유 아래에 Google+ 옵션이 표시되지 않습니다.

과거에 Google+ 버튼을 사이트에 추가했으면 관리자 계정에 로그인되었을 때 새 버튼이 대신에 표시됩니다. 해당 버튼을 클릭하면 사용 중지된 해당 서비스를 사이트에서 제거할 수 있습니다. 그러나 독자에게는 아무것도 표시되지 않습니다.

아직 궁금한 점이 있으면 언제든지 문의해 주세요!

사용자 정의

독자적인 사용자 정의 공유 버튼은 어떻게 만드나요?
  1. 알림판에서 설정공유로 이동합니다.
  2. 이용 가능한 서비스 섹션에서 새 서비스 추가 링크를 클릭합니다.
  1. 공유 서비스에 사용할 “서비스 이름”을 입력합니다. 서비스 링크와 블로그 공유 통계에 해당 이름이 나타납니다.
  2. “공유 URL”을 입력합니다. 이 URL은 공유 서비스의 URL 주소입니다. URL에서 %post_title% %post_url%(단축 URL), %post_full_url%%post_excerpt% 변수를 사용할 수 있습니다(예: http://www.google.com/buzz/post?url=%post_url%).
  3. “아이콘 URL”을 입력합니다. 이 URL은 이 서비스와 함께 표시되도록 사용하려는 아이콘 이미지의 URL 주소입니다(예: https://www.someserver.com/images/buzz.png). 이 이미지는 여기에서 입력하는 링크에서 온라인으로 제공되어야 합니다.
  4. “공유 버튼 생성” 버튼을 클릭합니다.
  5. 새 서비스가 사용 가능한 서비스 섹션에 나타납니다. 이제 해당 서비스를 활성화된 서비스 섹션에 추가하여 사이트에서 사용할 수 있습니다.

공유 서비스를 사용자 정의할 때 어떻게 정렬되는지를 실시간 미리보기 섹션에서 참조할 수 있습니다.

캡차는 어떻게 이메일 공유 버튼에 추가하나요?

이메일 버튼은 훌륭하지만, 캡차를 제출 양식에 추가하여 더욱더 좋게 만들 수 있습니다.

캡차를 사이트에 추가하려면 다음과 같은 단계를 따르세요.

  1. 이 사이트에서 계정을 등록합니다. 등록 시 공개 키와 비공개 키가 수신됩니다.
  2. 즐겨 찾는 텍스트 에디터에서 사이트의 wp-config.php 파일을 엽니다. reCaptcha 키가 둘 다 있는 다음과 같은 상수를 바로 앞에 추가합니다. / * That's all, stop editing! Happy blogging. */:
    define( 'RECAPTCHA_PUBLIC_KEY', 'XXXXXXX' );
    define( 'RECAPTCHA_PRIVATE_KEY', 'XXXXXXX' );
    
  3. wp-config.php 파일을 저장하고 사이트를 새로 고칩니다.

끝났습니다! 이제 이메일 공유 버튼이 스팸으로부터 보호됩니다.

공유 아이콘이 표시되는 위치는 어떻게 이동할 수 있나요?

기본적으로 공유 아이콘은 글의 콘텐츠 바로 하단에 표시됩니다. 콘텐츠 바로 앞과 같이 글의 다른 위치로 이동하는 것이 좋습니다.

이렇게 하려면 functions.php 파일에서 다음과 같은 코드를 추가합니다.

function jptweak_remove_share() {
 remove_filter( 'the_content', 'sharing_display', 19 );
 remove_filter( 'the_excerpt', 'sharing_display', 19 );
 if ( class_exists( 'Jetpack_Likes' ) ) {
 remove_filter( 'the_content', array( Jetpack_Likes::init(), 'post_likes' ), 30, 1 );
 }
}
add_action( 'loop_start', 'jptweak_remove_share' );

그런 다음에 공유 아이콘이 나타나게 하려는 위치에 대한 파일을 찾습니다. 공유 또는 좋아요 버튼이 나타나게 하려는 영역에 다음과 같은 코드를 삽입합니다.

if ( function_exists( 'sharing_display' ) ) {
 sharing_display( '', true );
}

if ( class_exists( 'Jetpack_Likes' ) ) {
 $custom_likes = new Jetpack_Likes;
 echo $custom_likes->post_likes( '' );
}
add_action( 'loop_start', 'jptweak_remove_share' );

이 코드는 서비스로 제공되며 사용자 정의 코드 구현 또는 편집에 대한 지원은 제공되지 않습니다.

모바일에서 공유 버튼은 어떻게 숨길 수 있나요?

functions.php 파일에서 다음과 같은 코드를 삽입합니다.

// Check if we are on mobile
function jetpack_developer_is_mobile() {

 // Are Jetpack Mobile functions available?
 if ( ! function_exists( 'jetpack_is_mobile' ) ) {
 return false;
 }

    // Is Mobile theme showing?
    if ( isset( $_COOKIE['akm_mobile'] ) && $_COOKIE['akm_mobile'] == 'false' ) {
 return false;
 }

    return jetpack_is_mobile();
}

// Let's remove the sharing buttons when on mobile
function jetpack_developer_maybe_add_filter() {

 // On mobile?
 if ( jetpack_developer_is_mobile() ) {
 add_filter( 'sharing_show', '__return_false' );
 }
}
add_action( 'wp_head', 'jetpack_developer_maybe_add_filter' );
add_action( 'loop_start', 'jptweak_remove_share' );
젯팩의 기본 공유 CSS 파일과 JS 파일 대신에 독자적인 리소스를 사용하려면 어떻게 해야 하나요?

공유 기능에는 기본적으로 젯팩을 통해 추가된 파일 대신에 독자적인 Javascript 파일과 CSS 파일을 사용할 수 있는 “고급” 옵션이 있습니다.

시작하려면 알림판에서 설정 → 공유로 이동하고 페이지 하단의 고급 확인란을 선택합니다.

그런 다음에 기능 플러그인 또는 원하는 테마의 functions.php 파일에서 다음과 같은 코드를 추가하여 독자적인 라이브러리를 추가할 수 있습니다.

function tweakjp_add_sharing_js() {
 wp_enqueue_script( 'sharing-js', WP_SHARING_PLUGIN_URL . 'sharing.js', array( ), 4 );
 $sharing_js_options = array(
	 'lang' => get_base_recaptcha_lang_code(),
	 'counts' => apply_filters( 'jetpack_sharing_counts', true )
 );
 wp_localize_script( 'sharing-js', 'sharing_js_options', $sharing_js_options );
}
add_action( 'wp_enqueue_scripts', 'tweakjp_add_sharing_js' );

function tweakjp_add_sharing_css() {
 wp_enqueue_style( 'sharing', WP_SHARING_PLUGIN_URL. 'sharing.css', false, JETPACK__VERSION );
}
add_action( 'wp_enqueue_scripts', 'tweakjp_add_sharing_css' );
Twitter 버튼을 통해 전송된 트윗에 “via @username”을 추가하려면 어떻게 해야 하나요?

각 트윗 끝에 Twitter 계정을 추가하는 두 가지 옵션이 있습니다.

  • 설정 → 공유에서 “Twitter 사이트 태그” 옵션을 채울 수 있습니다.
  • 배포 기능을 사용하고 Twitter 계정에 연결된 경우 이 계정이 Twitter 공유 버튼에서 사용됩니다.

개인정보 보호 정보

이 기능은 기본적으로 비활성화되어 있습니다. 알림판의 젯팩 → 설정 → 공유에서 공유 버튼 섹션의 글 및 페이지에 공유 버튼 추가 설정을 전환하여 언제든지 활성화할 수 있습니다.

사이트의 데이터 사용에 대한 자세한 내용
사용된 데이터
사이트 소유자/사용자

Twitter 사용자명을 공유 설정에 추가하면 해당 사용자명이 콘텐츠를 공유하는 트윗과 함께 공개됩니다. 글 제목과 퍼머링크도 모든 서비스와 공유됩니다. 또한, 사이트에서 아키스밋이 활성화되어 있고 방문자가 이메일을 통해 글을 공유하려고 시도하는 경우 스팸을 검사하기 위해 사이트의 홈페이지 URL과 글의 퍼머링크가 API 호출에서 아키스밋으로 전송됩니다. 활동 추적(아래에 자세히 설명되어 있음)의 경우 IP 주소, 워드프레스닷컴 사용자 ID, 워드프레스닷컴 사용자명, 워드프레스닷컴에 연결된 사이트 ID와 URL, 젯팩 버전, 사용자 에이전트, 방문하는 URL, 참조하는 URL, 이벤트의 타임스탬프, 브라우저 언어, 국가 코드가 추가됩니다.

사이트 방문자

사이트에서 공식 공유 버튼이 활성 상태이면 버튼은 물론 공유 당사자를 위한 정보와 도구까지 표시되도록 각 버튼을 통해 해당 서비스에서 바로 콘텐츠가 로드됩니다. 그런 다음에 각 서비스에서는 공유 당사자에 대한 정보를 수집할 수 있습니다. 사이트에서 비공식 페이스북 또는 Pinterest 공유 버튼이 활성 상태이면 공유 당사자의 IP 주소와 같은 정보는 물론 페이지 URL까지 서비스마다 제공되므로 공유 횟수가 버튼 옆에 표시될 수 있습니다.

이메일을 통해 콘텐츠를 공유할 때(이 옵션은 사이트에서 아키스밋이 활성 상태인 경우에만 사용 가능) 다음과 같은 정보가 사용됩니다. 공유 당사자의 이름과 이메일 주소(사용자가 로그인한 경우 해당 사용자의 계정에서 직접 이 정보를 끌어옴), IP 주소(스팸 검사용), 사용자 에이전트(스팸 검사용) 및 이메일 본문/콘텐츠. 이 콘텐츠는 스팸 검사가 수행될 수 있도록 아키스밋(Automattic 소유)으로 전송됩니다. 또한, reCAPTCHA(Google에서 제공)를 사이트 소유자가 활성화한 경우 공유 당사자의 IP 주소가 해당 서비스와 공유됩니다. Google의 개인정보 취급방침은 여기에서 찾을 수 있습니다.

추적되는 활동
사이트 소유자/사용자

기능이 언제 어떤 사용자에 의해 활성화되고 비활성화되었는지 추적됩니다. 어떤 구성 설정이 언제 어떤 사용자에 의해 수정되었는지 추적됩니다.

사이트 방문자

이메일 공유는 아키스밋(Automattic 소유)으로 전송되어 거기에 기록됩니다. 아키스밋으로 전송되는 구체적인 데이터는 위의 내용을 참조하세요.

동기화되는 데이터(자세히 알아보기)
사이트 소유자/사용자

기능의 활성화 여부 및 사용 가능한 설정 구성 방식을 식별하는 옵션이 동기화됩니다.

사이트 방문자

없음.

  • 목차