[추천]국내 소셜(SNS) 플러그인들(코스모스팜 소셜 공유 버튼 plugin, Korea SNS plugin) : 네이버 오픈메인 노출 포함

Q. 왜, 소셜공유버튼을 설치해야하는가?

 

구글 검색 상위노출 요소들의 가중치 공개(2014년 구글 검색순위의 상관성과 순위 요소들에 관한 연구 결과 : SEO Rank Correlations And Ranking Factors 2014 – Google U.S. –) 은 구글의 순위요소로 알려진 200여가지 요소중에 무엇이 중요한지를 제시하였습니다.

 

[추천][왜, 소셜(SNS)의 반응(공유, 좋아요)는 중요한가 ?]구글 검색 상위노출 요소들의 가중치 공개(2014년 구글 검색순위의 상관성과 순위 요소들에 관한 연구 결과 : SEO Rank Correlations And Ranking Factors 2014 – Google U.S. –)

이 연구에 따르면, 스피어맨 상관 관계는 상관관계 분석 기법중에 하나로 이것을 활용하여 검색엔진최적화 요소들(변수들)의 중요도를 측정한 결과, 클릭률, 검색관련 단어들, 구글플러스의 +1, 백링크의 숫자, 페이스북의 공유, 댓글, 핀터레스트, 검색엔진의 눈에 잘 띠는 백링크, 페이스북의 좋아요, 트윗글 수 등이 중요한데, 11위안의 요소들중 소셜의 반응들을 양질의 콘텐츠를 판단하는 좋은 신호로 보고 많은 가산점을 주고 있다는 것을 알 수 있습니다.  11위까지의 요소들에 대한 가중치를 모두 합쳐보니 3.22이고 양의 수(양수)의 가중치의 합은 6.84(수작업으로 계산해 보았습니다.)입니다.  11위 안의 요소들에 의해 검색 상위 노출될 확률(상관성)의 47%가 결정된다는 것을 알 수 있습니다.

이런 이유로 소셜로의 공유나 좋아요는 중요합니다.

SEO Rank Correlations And Ranking Factors 2014_8

 

소셜 공유 버튼 By 코스모스팜

이렇게 중요한 소셜 공유 버튼을 워드프레스로 만든 자사/자신의 사이트에 추가하는 방법은 무엇일까요? 그것은 플러그인을 설치하는 것입니다. 워드프레스 태생상 페이스북, 트위터, 인스타그램 등을 연결하는 플러그인은 넘쳐납니다. 

jetpack 공유하기, Share this 는 저희의 다른 게시글에서 이미 소개해드렸습니다.  

Jetpack 공개하기와 공유하기 기능(페이스북, 트위터, 구글플러스, 링크드인, 텀블러, 워드프레스 끌어오기, 핀터레스트, 레딧, 포켓, 이메일, 텔레그램, 스카이프 등)

 

내 사이트 또는 블로그(구글블로그, 티스토리, 워드프레스)에 소설 버튼 추가하기( 쉐어디스 ShareThis: Free Social Share Buttons & Plugins for Websites & Blogs)

 

그러나 국내 소셜를 공유해주는 플러그인들은 많지 않습니다. 여기서는 코스모스팜의 소셜 공유 버튼 플러그인을 소개합니다. 

이 플러그인의 강점/장점은 네이버 블로그 마케팅이 가능하다는 점입니다.( 플러그인의 강점/장점 바로가기

 

개요

  • Version:1.8
  • Last updated:3 days ago
  • Active installations:1,000+
  • WordPress Version:3.0.1 or higher
  • Tested up to:5.0.2

워드프레스 페이지, 포스트, 요약글, KBoard, 우커머스 상품 상세페이지 등 삽입을 지원합니다.

네이버, 페이스북, 트위터, 밴드, 카카오스토리, 카카오톡, 구글+, 라인 등 국내외 SNS 소셜 공유 버튼을 제공합니다.

숏코드를 사용해서 원하는 위치에 소셜 공유 버튼을 삽입할 수 있습니다.

 

설치

플러그인 조회하여 바로 설치및 활성화하셔도 되고 

소셜 공유 버튼 By 코스모스팜 -설치 및 활성화

https://wordpress.org/plugins/cosmosfarm-share-buttons/ 으로 이동하여 download하여 upload하는 방식으로 설치해야 합니다.

소셜 공유 버튼 By 코스모스팜

 

소셜 공유 버튼 By 코스모스팜_1

 

설치전 전제 조건

카카오스토리, 카카오톡 버튼을 사용하기 위해서는 반드시 카카오 JavaScript 키가 필요합니다.

 

카카오 JavaScript 키 = 웹용 API 키 발급 절차

1. 개발자 사이트 접속 – 로그인

카카오톡 개발자 사이트(Kakao Developer)“에 접속후 로그인해주세요. 서비스 이용정책에 대한 동의 하시고 개발자 등록을 해주세요.

카카오톡 개발자 로그인

 

서비스 이용정책에 대한 동의 하시고 개발자 등록을 해주세요.

카카오 개발자 등록

 

2. 앱 생성

카카오톡 개발자_앱만들기

네이티브 앱 키, REST API 키, JavaScript 키, Admin 키 값들이 표시되는 이중 JavaScript 키 값을 확인 및 복사해줍니다. 

카카오톡 개발자_앱만들기_javascript키

 

3. 도메인 등록

웹용 javascript 키는 도메인을 등록하고 해당 도메인 내에서만 작동이 됩니다. .

이전 화면 하단에 “설정”을 누르면 아래 화면이 나옵니다. [+플랫폼 추가]를 click하세요.  

카카오톡 개발자_앱만들기_플랫폼추가

Android, iOS, 웹 중 어디에 설치할지 묻는데 저희 웹에서 사용할 것이므로 웹을 선택해주고 사용할 도메인(ex:https://www.abc.kr 처럼)을 입력해줍니다.  

카카오톡 개발자_앱만들기_플랫폼추가_1

[설정] -> [소셜 공유 버튼]으로 돌아가 복사해 두었던 카카오 JavaScript 키 값을 [카카오 JavaScript 키] 부분에 넣어주고 [변경 사항 저장]을 해주시면 카카오 스토리와 카카오톡을 사용할 수 있는 상태가 됩니다.  

코스모스팜에 카카오톡 앱 key값 넣고 저장하기

 

카카오 JavaScript 키 = API 키를 발급받는 방법에 관해 저의 설명이 부족하신 분은 아래의 post를 참조하세요.

카카오톡 웹 공유를 위한 API 키 발급 받기

 

설정

관리자 페이지에서 [설정] -> [소셜공유버튼]으로 이동하시면 설정하실 수 있습니다.

포스트, 페이지, 요약글, KBoard, 상품 상세페이지에서 이 플러그인을 보여줄지 결정할 수 있습니다. [비활성화]를 선택하시면 표시되지 않습니다. 활성화 위치는 하단과 상단이 있고, 정렬은 왼쪽, 오른쪽, 중앙이 있습니다.
(참고로, 상품상세페이지의 설정은 다른 테마에서는 되는데 듯한데, 우커머스 Storefront Theme에서는 설정이 안됩니다.)

워드프레스 소셜공유버튼_코스모스팜 plugin_설정_1

표시할 버튼의 순서는 설명은 없으나 마우스 드래그하시면 변경할 수 있습니다. 저처럼 잭펫 공유하기 기능을 사용하시고 있거나 share this 와 같은 플러그인을 사용하고 계시다면 페이스북, 트위터 등이 표시되지 않게 하세요. 

워드프레스 소셜공유버튼_코스모스팜 plugin_설정_2

 

 

Korean SNS plugin과 비교시 장점

1. 카카오톡이 무료

2. 숏코드를 사용해서 원하는 위치에 소셜 공유 버튼을 삽입할 수 있습니다.

3. 코스모스팜의 소셜 공유버튼중 N은 기본은 네이버 블로그를 의미합니다. 카페와 폴라에도 연결할 수 있습니다. 

워드프레스 소셜공유버튼비교_korea sns_코스모스팜_젯팩

 

소셜 공유 버튼 By 코스모스팜 플러그인의 강점/장점

1. 네이버 오픈 메인 기능이 있습니다. 

네이버 오픈메인

네이버 오픈메인 노출-01

네이버 오픈메인의 추가 버튼은 여러분의 사이트를 (스마트폰의) 네이버앱 메인에 쉽게 추가할 수 있게 해주는 플러그인입니다. 이 기능은 스마트폰에서만 지원됩니다. 간단한 스크립트를 복사해 붙이는 것만으로도 쉽게 개발할 수 있습니다. 버튼은 모든 모바일 환경을 지원하며 추가된 모습은 네이버앱에서 확인할 수 있습니다.

이 플러그인 하단의 [네이버 오픈메인 버튼 출력] 을 활성화해주시면 신기하게 네이버 모바일에 바로가기로 추가됩니다. 

워드프레스 사용자는 이 플러그인에서 [네이버 오픈 메인버튼 출력] 활성화하는 것 만으로도 이 플러그인에서 포스트, 페이지, 요약글, Kboard, 상품상세페이지 중 이 플러그인 표시되도록 설정한 부분에 자동으로 표시됩니다.  

네이버 오픈 메인

참고로, 5개 사이트에 설치해 보았는데, 4개는 문제없이 잘 되고 1개의 사이트에서는 “의심스러운 동작이 감지돼 서비스 이용이 제한된 페이지입니다.” 라고 나오며 작동이 안되었습니다.  

 

“상세 내용 보기”이하의 내용은 워드프레스 위젯 또는 팝업창에 네이버 오픈메인을 노출되게 하고자하는 경우 또는 드림위버, php 등으로 네이버 오픈메인을 구현하는 방법에 관한 것입니다. 

상세 내용 보기
개발서는 https://developers.naver.com/docs/openmain/ 에 있습니다. 개발서라 어려울 것 같은데 정말 1분도 안돼 설치가 가능하여 신기했습니다.  

아래와 같은 자바스크립트 코드를 html 페이지내에 직접 넣어주세요.  이 부분은 html 초심자에게는 조금 생소하실 것 같습니다. 

네이버 오픈 메인-스크립트 코드

사이트 빌더를 워드프레스를 사용하고 계시다면, 아래의 header and footer 플러그인을 이용하여 헤더에 추가해 주세요. 

Header and Footer plugin(워드프레스 플러그인, 사이트 소유권확인, 애널리틱스 분석코드, 구글 애드워즈의 리마케팅 태그를 편집할 수 있는 플러그인)

미리보기 표시되기를 원하는 위치(위젯, 페이지, 게시글의 특정 위치)에 코드를 심어주세요.  

네이버 오픈 메인-미리보기 코드

 

2. 이 플러그인의 강점/장점은 네이버 블로그 마케팅이 가능하다는 점입니다. 이 플러그인 공유 기능을 통해 네이버 블로그에 공유해주시면, 네이버 검색결과 페이지중 블로그에 노출되어 네이버 블로그를 통한 사이트 유입이 가능해집니다. 

상기 이미지에서 N을 선택한후, [다음]후 네이버 로그인을 해줍니다. 

코스모스팜 소셜 공유 버튼 plugin으로 블로그에 자동게시하기

코스모스팜 소셜 공유 버튼 plugin으로 블로그에 자동게시하기-1

코스모스팜 소셜 공유 버튼 plugin으로 블로그에 자동게시하기-2

블로그에 전체 컨텐츠를 실어주는 것은 아니고  제목과 썸네일 이미지 그리고 요약 설명이 표시되는 수준이지만 나름 블로그 마케팅을 위한 자동화솔루션으로써 훌륭합니다. 

코스모스팜 소셜 공유 버튼 plugin으로 블로그에 자동게시하기-3

 

Korea SNS plugin

Kakaotalk 은 Korea SNS Pro(유료) 에서만 가능하며 합니다.  카카오톡 웹 공유를 위한 API 키 발급 받아서 등록해야 사용할 수 있습니다.  API 키 발급를 받는 방법은 카카오톡 웹 공유를 위한 API 키 발급 받기 를 참조하세요.

korean sns plugin

 

 

Q & A

아래의 링크의 하단에 댓글을 보시면 다양한 Q&A에 대한 질문과 답이 있습니다.

Korea SNS plugin 을 사용하시다 부딪치는 문제들은 하단의 댓글을 참조하세요.

예시된 것 외에 다른 문제가 있으시면 댓글을 다시면 친절히 응대해드리는 것 같습니다.

카카오톡 웹 공유를 위한 API 키 발급 받기

 

 

참고자료 : 1. 워드프레스 카카오톡 링크 공유 버튼 추가하기 | Korea SNS

2. 카카오톡 웹 공유를 위한 API 키 발급 받기