구글 블로그스팟 VTrick 카카오톡 공유 버튼 만드는 방법

카카오톡 공유 버튼을 구글 블로그스팟 VTrick 테에 추가하면 방문자들이 블로그 콘텐츠를 손쉽게 공유할 수 있어 블로그 트래픽 증가와 사용자 경험 향상에 기여할 수 있습니다. 아래 단계별로 자세히 설명드리겠습니다.

카카오 개발자 사이트 설정

카카오톡 공유 기능을 사용하려면 카카오 개발자 사이트에서 애플리케이션을 등록하고 JavaScript 키를 받아야 합니다.

카카오 개발자 사이트 접속 및 로그인:
- 카카오 개발자 사이트에 접속하여 카카오 계정으로 로그인합니다.
애플리케이션 추가:
- 로그인 후, 상단 메뉴에서 "내 애플리케이션"을 클릭하고 "애플리케이션 추가" 버튼을 클릭합니다.
- 애플리케이션 이름을 입력하고 플랫폼을 선택합니다. 여기서는 "웹"을 선택합니다.
JavaScript 키 복사:
- 애플리케이션 설정 화면에서 "JavaScript 키"를 확인하고 복사합니다.
- 이 키는 나중에 블로그에 추가할 스크립트에서 사용됩니다.
플랫폼 등록:
- "플랫폼 추가"에서 "웹"을 선택하고, 사이트 도메인을 입력합니다.
- 예: https://yourblog.blogspot.com

블로그 아이콘 이미지 업로드

카카오톡 공유 버튼에 사용할 아이콘 이미지를 블로그에 업로드합니다.
이 이미지는 공유 버튼으로 사용될 것입니다.

이미지 업로드:
- 블로그 관리자 페이지에서 "게시물 작성"을 선택하고, 이미지를 업로드합니다.
- 업로드된 이미지의 URL을 복사합니다. 이 URL은 나중에 HTML 코드에서 사용할 것입니다.

구글 블로그스팟 테마 백업

블로그 테마를 편집하기 전에 현재 테마를 백업하여, 오류 발생 시 복원할 수 있도록 대비합니다.

블로그 관리자 페이지 접속

블로그 관리자 페이지에서 "테마" 메뉴를 선택합니다.
"백업/복원" 버튼을 클릭하여 현재 테마를 백업합니다.

HTML 코드 추가

블로그의 HTML 코드를 편집하여 카카오톡 공유 버튼을 추가합니다.

HTML 편집:
- 블로그 관리자 페이지에서 "테마" > "HTML 편집"을 선택합니다.

카카오톡 스크립트 추가:

</body> 태그 바로 위에 아래 스크립트를 추가합니다. 여기서 'YOUR_JAVASCRIPT_KEY'는 앞서 복사한 JavaScript 키로 대체합니다.

<script src='https://developers.kakao.com/sdk/js/kakao.min.js'></script>
<script>
    Kakao.init('YOUR_JAVASCRIPT_KEY');
    function shareKatalk() {
        Kakao.Link.sendScrap({
            requestUrl: location.href
        });
    }
</script>

카카오톡 공유 버튼 추가:
블로그 게시물이나 위젯에 카카오톡 공유 버튼을 추가합니다. 여기서 'YOUR_ICON_IMAGE_URL'은 업로드한 이미지의 URL로 대체합니다.
```
<li class='kakao'>
    <a href='#' onclick='shareKatalk()' rel='nofollow' title='카카오톡'>
        <img height='35px' src='YOUR_ICON_IMAGE_URL' style='border-radius:8px' width='35px'/>
    </a>
</li>
```

카카오톡 공유 버튼 테스트

모든 설정이 완료되면 블로그에서 카카오톡 공유 버튼이 정상적으로 작동하는지 테스트합니다.

테스트 방법:
- 블로그 게시물 페이지로 이동하여 카카오톡 공유 버튼을 클릭합니다.
- 카카오톡 공유 창이 정상적으로 열리고, 현재 페이지 URL이 공유되는지 확인합니다.

리뷰를 마치며

이와 같이 카카오톡 공유 버튼을 구글 블로그스팟에 추가하는 방법을 알아보았습니다. 이러한 설정을 통해 블로그 방문자들이 콘텐츠를 손쉽게 공유할 수 있으며, 이는 블로그의 트래픽 증가와 사용자 경험 향상에 기여할 수 있습니다. 각 단계별로 차근차근 따라 하면 쉽게 구현할 수 있으며, 블로그 사용자 경험을 향상시키고 콘텐츠의 확산을 도모할 수 있습니다.

https://www.kakaocorp.com/

구글 blogger 고객센터 사이트

VTrick vietrick 테마 사이트

[블로그스팟 관련글]