본문 바로가기

블로그 수익화

내 블로그 '공유하기' 버튼 달기~ 'Add This' 공유툴 설치법

반응형

내 블로그에 '공유하기' 버튼을 달아 더욱 많은 사람들에게 공유되는 방법을 소개하겠습니다.

바로 'Add This'라는 공유툴을 내 블로그에 설치하면 되는데요.

내가 원하는 SNS나 이메일 아이콘 버튼을 직접 골라서 PC와 모바일 블로그 페이지 내 원하는 위치에 간단히 삽입하는 방법입니다. 

내 블로그 포스트가 많이 공유되면 유입이 많아지고 수익도 더 많이 증가하니 꼭 한번 설치해 보시길 권해 드립니다. 

아래의 순서대로 따라하시면 쉽게 설치 가능하니 그대로 따라 해 보세요. 

1. 아래 사이트에 접속합니다.

https://www.addthis.com/

 

Get more likes, shares and follows with smart website tools - AddThis

AddThis share buttons, targeting tools and content recommendations help you get more likes, shares and followers and keep them coming back.

www.addthis.com

 

2. 회원가입 후 우측 상단의 'Dashboard' 클릭하세요.

 

 

3. 상단 좌측에 Tool 메뉴를 클릭 한 후,

다음 화면 우측에  '+ADD NEW TOOL' 파란색 버튼을 클릭하세요.

 

 

 

4. Select a Tool 화면에서 'Share Buttons'를 클릭합니다.

        ※ 위의 Select a Tool 화면은 회원 가입 직후에도 바로 나오니 참고하세요. 

 

 

5. 여기서 부터 '공유 툴 버튼을 선택'할 수 있습니다.  

아래 보시는 것처럼 여러 가지 방법으로 선택할 수 있습니다. 

하나씩 클릭해 보시면 내 블로그 화면에 어떻게 공유 버튼이 생성될지 미리 보기가 가능합니다. 

저는 가장 위에 있는 Floating 유형을 선택해 보았습니다. 

 

6. Continue 파란색 버튼을 클릭한 후, Smart Soring by AddThis 또는 Selected by You를 선택해 주세요. 

저는 공유 툴을 직접 셋팅하기 위해서 Selected by You를 선택했습니다.

 

 

Add More Serices  버튼을 클릭하면 

내가 직접 검색하여 설치하고 싶은 공유툴을 설정할 수 있는데요. 

저는 kakao로 검색하여, 카카오톡과 카카오스토리 툴을 추가했고요. 

 

세팅이 완료되면 버튼 활성화 및 코드 생성을 위해 Active Tool 버튼을 클릭하시면 

내가 세팅한 "나만의 SNS 공유툴 설정"이 저장됩니다. 

 

 7.  공유툴 설정이 완료되었으면, 홈페이지 맨 상단의 Get The Code 메뉴를 클릭합니다. 

 

아래와 같이 내 블로그에 세팅하는 단계별 방법 안내는 물론 생성된 코드를 복사할 수 있는 화면이 나오는데요. 

(1단계)  우측에 '+' 버튼을 클릭하여 코드를 복사합니다. 

 

 

(2단계) 내 블로그 HTML 화면에 들어가서 </boby> 태그를 검색 후

아래와 같이 해당 위치에 복사한 코드를 넣어주면 완료됩니다.

자세한 내용은 아래에서 제 티스토리 블로그에 삽입한 내용으로 추가 설명드리겠습니다.

※ 참고로 워드프로세스 내에 삽입하는 방법도 위의 화면에서 단계적으로 안내가 되어 있으며, 방법은 동일하니 참고하세요. 

 

 

8. 내 블로그 HTML 소스에 공유툴 코드 적용하는 법

티스토리 블로그를 예를 들어 설명드리겠습니다.

내 블로그 관리자 페이지에 접속합니다. 

좌측 메뉴에서 '꾸미기 > 스킨편집'을 클릭합니다. 

아래와 같은 화면의 우측에 보면 'html 편집'이란 버튼을 클릭해 주세요.

아래와 같은 html 소스 화면이 나오고 

< 소스 화면 캡쳐 > 

이 화면에서 Ctrl+F를 누르고 '/body'를 입력하여 해당 위치를 찾고

위에 설명드렸듯이 '/body' 바로 위에 복사한 코드 스크립트를 붙여넣기 해 주면 

아래와 같이 Floating 된 공유 툴 버튼이 설치된 것을 확인하실 수 있고요.  

만약 버튼 위치를 변경하고 싶으시면 

다시 Add This의 Tool로 들어가서 위치를 변경할 수 있습니다. 

On Desktop은 PC 화면에서 우측, 좌측, 히든으로 설정 가능하고요.

On Mobile 은 모바일 화면에서 위, 아래로 설정 가능하며 선택하시면서 미리보기 가능하니 참고하세요. 

아래는 PC에서 우측 (Right)로 Floating 버튼으로 설정한 화면입니다. 

 

지금까지 내 블로그 포스팅이 더 쉽고 더 널리 공유될 수 있도록

Add This를 활용하여 공유툴 설치하는 방법에 대해서 알아보았습니다. 

블로그 수익화에 유용한 팁이니 많이 활용해 보시기 권해 드려요 ^^ 

 

오늘도 행복한 인생N모작 달달레피였습니다.

감사합니다. 

 

반응형