구글블로그 너비 조정하기

오늘은 구글블로그 레이아웃 사이드바 및 폭 너비 설정하는 방법에 대해 알아보도록 하겠습니다. 여러 홈페이지와 사이트들을 방문해보면 정말로 다양한 페이지 구조를 가지고 있는 것을 볼 수 있습니다. 양쪽에 구글애드센스와 같은 광고가 세로로 길쭉하게 달려 있는 사이트부터 왼쪽 사이드에만 광고가 달려 있는 사이트 등 각양각색입니다.

그러한 사이트 레이아웃을 하려면 어떻게 하면 좋을까요? 구글블로그에서라면 단언컨대 블로그 사이트 중에서 가장 편하고 쉽게 설정할 수 있다고 말씀드릴 수 있습니다.

구글블로그 레이아웃 구조 변경하기

우선 구글블로그에 로그인 하고 화면 왼쪽에서 테마를 클릭합니다. 테마 화면이 오른쪽에 표시가 되면 사용중인 디자인과 모바일에서의 화면을 확인할 수 있는데 사용중인 디자인 아래를 보시면 맞춤설정과 HTML 편집이라는 두 개의 버튼이 있습니다. 만약 HTML을 잘 다루시는 분이라면 HTML 편집을 통해서 레이아웃을 수정하셔도 좋지만, 일반적으로 코드를 잘 모르시는 분들이라면 맞춤설정을 눌러주시기 바랍니다.

Blogger 테마 디자이너가 화면 상단에 표시가 되는데, 여기에는 테마, 배경, 너비 조정, 레이아웃, 고급의 총 5가지 기능이 있습니다. 이중에서 먼저 레이아웃을 선택하면 본문 레이아웃 8개와 바닥글 레이아웃 3개 중에서 마음에 드는 것을 선택할 수 있도록 도어 있습니다.

그 다음에 해야할 것은 너비 조정입니다. 본문 전체폭과 왼쪽과 오른쪽 사이드바 메메뉴의 폭 너비를 단지 마우스 드래그와 픽셀 숫자 수정으로만으로도 손쉽게 바꾸기를 할 수 있습니다. 정말 놀랍지 않나요?

티스토리 블로그에서 이러한 조정을 하려면 산수 수준의 계산이지만 머리를 써야하고 어느 부분을 어떻게 수정해야 하는지 시간도 꽤 걸리는 반면 구글블로그의 경우 너무나도 간단하게 조정을 할 수 있다는 사실에 깜짝 놀랐습니다.

레이아웃 구조와 폭 너비 설정이 끝났다면 이제는 각각의 부분에 가젯을 삭제하거나 추가하셔서 꾸며주시면 되겠습니다. 저처럼 왼쪽과 오른쪽, 그리고 화면 상단에 광고 코드를 넣어보고 싶으신 분이라면 가젯 중에서 HTML/JavaScript 가젯을 선택한 후 광고 코드를 넣어주시면 되겠습니다.

데이블 광고만 표시하기

오늘은 데이블 광고만 보이게 설정하는 방법에 대해 알아보겠습니다. 데이블 광고를 블로그에 설치하게 되면 기본적으로 8개의 글이 보이게 되는데 이 중에서 4개는 본인의 포스팅이 보이게 되고, 나머지 4개는 데이블 광고가 표시되게 됩니다. 다른 분들은 모르겠지만, 필자의 경우 데이블 광고와는 확연하게 차이가 나도록 썸네일을 따로 만들기 때문에 클릭률이 매우 저조한 편입니다.

그런데 며칠 전 데이블을 살펴보다가 흥미로운 광고코드가 있었습니다. 즉, 오늘 소개해드릴 8개 또는 9개 모두 데이블 광고로만 표시되는 기능입니다. 어떻게 설정을 하면 되는 것인지 지금부터 바로 알아봅시다.

우선 데이블 사이트에 들어가고 로그인을 합니다. 혹시 아직 데이블이 없으신 분들이라면 아래 글을 참고하셔서 데이블 신청을 하시면 되겠습니다.

참고글 : 데이블(Dable) 신청방법 및 이용하기 방법

▼왼쪽 사이드바를 보면 홈부터 광고성과, 추천성과, 로그현황, 설정 부분이 있는데, 이 중에서 설정을 누르고 추천 위젯을 누릅니다.

▼추천 위젯에는 현재 10가지가 있습니다. 가장 기본적인 것이 본문하단_썸8입니다. 여기에 있는 모든 위젯을 하나하나 클릭해보면서 본인의 블로그에 설치했을 때 가장 보기에 좋고 클릭률이 잘 일어날 것 같은 위젯을 선택해보시면 좋습니다.

이중에서 세번째에 있는 블로그_하단광고(5*1/3*3)을 클릭하면 다른 광고들과는 다르게 9개 모두 광고로 뜨는 것을 볼 수 있습니다. 실제로 본인의 블로그에 적용해보시면 아시겠지만, 그대로 적용이 됩니다.

▼아래를 보면 위젯 삽입 코드가 있는데, 광고 전용 위젯 스크립트입니다. 아래의 코드를 Ctrl키와 A키를 눌러서 모두 선택해주신 후 Ctrl키와 C키를 동시에 눌러서 복사를 합니다.

그후 티스토리 관리화면 왼쪽 사이드에서 플러그인을 누른 후 구글애드센스 반응형 플러그인을 선택합니다. 반응형 플러그인 하단에 데이블 광고 코드를 Ctrl키와 V키를 함께 눌러서 붙여넣기 해주시고 저장을 해주면 몇 분 후에 데이블 광고만 보이게 되도록 광고가 설정되는 것을 확인할 수 있습니다. 저의 경우 이 기능의 코드로 바꾼 후부터 데이블 광고 수익이 약 2배 이상으로 증가했으니, 다른 분들도 이 코드로 실험을 해보셔서 수익 증가에 도움이 되기를 바라겠습니다.

오늘은 구글블로그 애드센스 광고를 서식 기능을 활용해서 간단하고 쉽게 삽입하는 방법에 대해 알려드리겠습니다. 요즘 구글블로그를 혼자 연구해보면서 매번 깜짝 깜짝 놀라게 되는데 그 이유는 티스토리 블로그도 편하기는 하지만, 지금까지 사용해보았던 블로그 중에서 어쩌면 가장 알기 쉽고 편한 기능이 많기 때문입니다. 워드프레스도 아주 다양한 기능의 플러그인이 많아서 놀랐던 적이 있지만, 너무 많고 복잡한데다가 어느 정도의 트래픽과 저장 용량을 넘어서게 되면 유료로 사용해야만 하기 때문에 아직까지는 손이 잘 가지는 않습니다.

티스토리에서는 서식을 이용해서 구글 애드센스 광고를 쉽게 넣는 방법을 여러번 다룬 적이 있는데, 구글블로그에서도 서식 기능을 이용해서 글을 아주 간편하게 작성할 수 있습니다.

구글블로그 서식 기능으로 광고 쉽게 넣기

우선 구글 블로그에 로그인을 하고 관리화면에서 설정을 누릅니다. 설정에는 기본부터 사용자 설정까지 여러 기능이 있지만, 이중에서 위에서 두번째에 있는 글 댓글 공유 설정 항목을 클릭합니다. 그후 오른쪽 화면에서 글 템플릿 바로 오른쪽에 있는 공간에 글 사진 애드센스 광고코드 글 사진 구글 광고코드 이런 식으로 작성을 합니다.

이때 구글 광고코드는 애드센스 사이트에서 가져오시면 되겠습니다. 원하는 광고배치를 고려해서 작성을 하고 오른쪽 위의 설정 저장을 누르면 저장이 완료 됩니다.

이제 잘 구현이 되었는지 확인을 해봐야겠지요? 글쓰기 버튼을 누르면 일반적으로는 하얀 도화지처럼 빈 화면만 보이지만 이제는 글쓰기 환경이 어떻게 변화되었는지 보러갑시다.

글쓰기 화면을 보면 글 사진 빈 공간 광고1 글 사진 광고2 라고 적혀 있는 것을 볼 수 있습니다. 왼쪽 상단에 보면 글쓰기와 HTML이 있는데 글 사진과 광고1 사이에 있는 빈 공간의 정체가 궁금하다면 HTML을 눌러서 확인하실 수 있습니다. 또는 미리보기를 누르면 됩니다.

미리보기를 눌러본 결과 이와 같이 자동으로 광고코드가 잘 붙여진 것을 확인할 수 있습니다. 티스토리 블로그에서도 이런 식으로 서식을 만들어놓으면 포스팅이 더욱 간편해지고 쉬워질 것이라고 생각을 합니다. 조금더 빨리 글을 편하게 쓸 수 없을까 고민중이셨던 분이라면 꼭 구글블로그 애드센스 광고 서식으로 쉽게 넎는 방법에서 다룬 내용들을 참고하셔서 도움되시기를 바라겠습니다.

오늘은 구글블로그 스킨 다운로드 방법과 실제로 다운받은 스킨을 적용하는 방법에 대해 설명드리겠습니다. 티스토리의 경우에는 1명 당 최대로 만들 수 있는 블로그의 개수가 5개로 정해져 있습니다. 블로그의 이름을 바꾸고 다시 만들고 할 수 있는 것은 최대 10개까지이지만 기본적으로 5개밖에 만들 수 없다는 것입니다. 하지만 구글블로그인 블로그스팟에서는 거의 무제한으로 블로그를 만들 수 있고, 티스토리나 이글루스처럼 구글 애드센스 광고 코드를 넣어서 수익을 창출할 수 있다는 점에서 매우 매력적인 블로그입니다.

그런데 문제는 기본적으로 구글블로그에서 제공하고 있는 스킨은 단조롭고 디자인이 예쁘지가 않습니다.

구글블로그 스킨 다운로드 하기

저 또한 이러한 문제 때문에 고민이 많았기 때문에 어떻게 하면 좀더 예쁜 디자인의 블로그스팟을 만들 수 있을까 이곳저곳 찾아봤습니다. 그중에 무료 스킨도 많고 깔끔한 스킨이 많은 곳이 있었습니다. 바로 구야아비라는 곳인데, 직접 검색을 하시거나 아래 링크를 통해서 들어가실 수 있습니다.

gooyaabi : https://goo.gl/He2xYu

▼구야비 메인화면

gooyaabi 템플릿 홈페이지의 모습입니다. 화면 가운데를 보면 왼쪽부터 반응형 템플릿, 무료 블로거 템플릿, SEC 최적화 준비 템플릿이 있습니다. 개인적으로는 요즘 스마트폰을 사용해서 검색하는 분들이 많기 때문에 가급적 반응형 스킨으로 만드는 것이 좋다고 생각하기 때문에 Responsive Templates를 선택해보았습니다.

여러 스킨들이 있는데, 각자마다 마음에 드는 템플릿을 선택해줍니다. 저는 티스토리를 패스트부트 스킨을 사용하고 있는데 마침 패스터 패스트 로딩이라는 구글블로그 스킨이 눈에 띄여 Faster Fast Loading 템플릿을 골라보겠습니다.

각 스킨에 들어가면 아래에 미리보기, 구입하기, 다운로드 버튼이 있는데, 이 중에서 가장 오른쪽에 있는 초록색 박스인 다운로드를 눌러주시면 되겠습니다. Download를 누르면 바로 압축파일이 받아지게 됩니다.

구글블로그 스킨 적용하기

이제 스킨 템플릿을 다운로드 받았으니, 구글블로그 스킨에 적용을 해볼 차례입니다. 컴퓨터의 다운로드 폴더에 들어가서 방금 받은 압축파일을 마우스 오른쪽 버튼 우클릭을 한 후 압축풀기를 해줍시다.

구글블로그에 로그인 한 후 스킨을 적용하고자 하는 블로그를 골라준 후 왼쪽 사이드바에서 테마를 눌러줍니다.

테마 화면에 들어가면 오른쪽 위에 백업 및 복원이라는 버튼 하나가 보일 것인데 이 버튼을 클릭합니다.

그러면 백업/복원창이 뜨게 되는데, 테마 다운로드 버튼과 파일 선택, 그리고 업로드 버튼이 보입니다. 이 중에서 아래의 파일 선택 버튼을 누릅니다.

아까 전에 다운로드 받은 스킨 템플릿 폴더에 들어간 후 끝자리가 xml로 끝나거나 파일 유형이 XML 문서라고 되어 있는 파일을 골라준 후 아래의 열기를 눌러줍니다.

파일 선택 부분 오른쪽에 방금 우리가 등록한 Faster Fast Loading.xml이라고 표시가 되면서 스킨이 잘 선택되었는지 다시한번 확인을 한 후 아래의 업로드 버튼을 눌러주면 업로드가 진행이 됩니다. 완료가 되면 우측 하단의 닫기를 눌러서 꺼줍니다.

이제 내 블로그에 내가 적용한 스킨이 잘 반영 되었는지 확인을 하기 위해 내 블로그 보기를 누르면 아주 잘 구현이 된 것을 확인할 수 있습니다. gooyaabi 사이트를 통해 마음에 드는 스킨 다운로드를 하신 후 아주 간단하게 구글블로그 스킨 등록까지 일사천리로 해보시기 바랍니다.

구글블로그 만들기(개설, 시작하기) 방법

구글 블로그 애드센스 광고 달기 방법 :: 사이드바

구글 블로그 애드센스 광고 글 사이(중간)에 넣기 방법

오늘은 티스토리 애드센스 광고를 jquery 코드를 사용해서 간편하게 넣고 관리하는 방법에 대해 다루겠습니다. 구글 애드센스 광고 코드를 티스토리 블로그에 구현하는 방법은 여러가지가 있습니다. 가장 쉽고 간단한 티스토리 구글 애드센스 수익 플러그인을 사용하는 방법부터 글쓰기할 때 HTML을 눌러서 광고코드를 일일이 넣는 방법, 서식을 이용해서 넣는 방법 등 다양합니다. 방금 말한 방법은 모두 포스팅을 해왔으니 궁금하신 분은 글 아래에 참고글을 통해 넣겠으니 확인해주시기 바랍니다.

지금까지 여러 방법으로 글 중간에 애드센스 코드를 넣어왔지만, 아무리 편한 서식 기능을 이용한다고 하더라도 배치한 광고 유형을 바꾸고 싶다면, 300개 이상의 글 모두를 수정 발행해야 하기 때문에 매우 번거롭습니다. 하지만 오늘 알려드릴 방법을 사용하신다면 이제부터는 단 한 번의 수정으로 다수의 글들에 포함된 광고를 쉽게 관리할 수 있게 됩니다. 어떻게 하면 될지 지금부터 따라와주시기 바랍니다.

티스토리 애드센스 jquery로 편하게 관리하기

우선 본인의 블로그 화면에서 q키를 눌러서 블로그 관리화면으로 들어갑니다. 꾸미기에서 HTML/CSS편집 버튼을 누릅니다.

HTML에 들어오면 키보드 자판에서 End키를 누르거나 스크롤을 쭉 내려서 가장 하단으로 이동합니다. </body>라고 적혀 있는 바로 앞 부분에 사진에 표시된 스크립트 코드를 입력해줍니다. 입력해야 할 양이 매우 많기 때문에 아래의 메모장 파일을 받으셔서 복사 붙여넣기 해주시면 되겠습니다.

</body> 앞에 : body앞코드.txt

코드를 잘 보시면 #ad1300이라고 적혀있는 것이 있습니다. 이 부분은 본인의 구글 애드센스 광고코드의 속성을 잘 알아볼 수 있도록 바꿔주시면 되는데요. 만약 반응형 광고코드라면 #adauto 이런 식으로 바꾸어주셔도 된다는 말입니다. 그 다음 확인해야할 것은 .append('의 바로 뒤의 <ins> 부터 </ins>까지 인데요. 구글 애드센스에서 받아온 본인의 광고 코드를 보면 <‌ins>로 시작하는 부분과 </ins>로 끝나는 부분이 있을 것입니다. 이 부분을 복사한 후에 기존에 들어가 있는 <ins ~ /ins> 부분은 지우시고, 작은 따옴표(') 바로 뒤에 붙여주시면 되는 것입니다. 단, 구글애드센스 코드를 보면 엔터가 쳐져 있는데요. 이 엔터를 모조리 없애서 한 줄로 만들어주셔야 합니다. 즉, 

<ins class="~"

style="~"

data-ad-client="~"

이런 식으로 되어 있는 것을 <ins class="~"style="~"data-ad-client="~" 이렇게 만드시면 되는 것입니다. 그후 오른쪽 상단의 저장버튼을 누릅니다.

이제 블로그관리에서 콘텐츠 하위 기능인 서식관리를 클릭한 후 서식쓰기를 누릅니다.

서식 제목에 본인이 알아볼 수 있게 광고 코드 이름을 적고, 오른쪽의 HTML에 체크해준 다음에 본문 내용에 <div align="center"><div id="ad1300"></div></div> 라고 입력합니다. 여기서 div id="의 다음에 오는 글자가 방금 전 HTML에 삽입했던 글자와 같아야 합니다. 모두 다 되었다면 아래의 발행 버튼을 누릅니다.

서식에 넣기 : 서식코드.txt

그후 글쓰기 버튼을 눌러서 제목과 본문을 입력한 후 광고코드를 넣고 싶은 자리에 커서를 넣고 오른쪽 아래에서 서식을 눌러서 방금 만든 제목의 서식코드를 넣고 미리보기를 하거나 발행을 합니다. 그러면 애드센스 광고가 잘 나오는 것을 볼 수 있습니다.

만약 광고를 여러개 넣고 관리하고 싶다면, HTML/CSS의 </body> 앞에 넣었던 코드 중에서

$("#ad1300")부터 </ins>'); 부분까지가 하나의 세트이니 이를 복사 붙여넣기 해서 위와 같이 여러 코드를 같은 방식으로 넣어주시면 됩니다. 이럴 경우 광고코드의 수만큼 서식도 여러개 만들어주시면 되겠습니다. 이제부터는 티스토리 애드센스 광고를 jquery 코드를 이용해서 좀더 편하게 넣고 관리해보시기를 바랍니다.

애드센스 일치하는 콘텐츠 광고 수익설정하기 방법

구글 애드센스 링크형 광고(링크 광고) 달기 방법

퀵애드센스(Quick Adsense) 구글 크롬 툴로 애드센스 수익 확인하기 방법

오늘은 티스토리 글 SNS 자동발행하는 방법에 대해 살펴보겠습니다. 티스토리 블로그에 정성들여 포스팅을 해주고 계시는 분들이 많은데요. 오랜 시간에 걸쳐서 열심히 글을 썼는데 정작 글을 필요로 하는 사람은 볼 수 없다면 헛수고가 될 수 있습니다. 반면, 내 글을 필요로 하는 많은 사람들에게 공유가 되어서 도움을 드릴 수 있게 된다면 더욱 보람이 커질 것이구요. 요즘에는 소셜 네트워크 서비스인 SNS를 많이 사용하고 계시는데요 특히 페이스북, 인스타그램, 트위터, 카카오스토리 등의 서비스가 인기가 있습니다.

많은 사람들이 사용하고 있는 SNS에 내가 쓴 글을 올려놓아 한 두명이라도 더 많은 사람들이 도움을 받을 수 있다면 좋을 것입니다. 하지만, 매번 글 링크 주소를 복사 붙여넣기 해서 올리는 일은 여간 귀찮은 일이 아닙니다. 이런 문제를 해결하기 위해서 티스토리에서 내가 글을 발행하기만 하면 자동으로 페이스북이나 트위터, 카카오스토리에 글을 올려주는 서비스를 제공하고 있습니다. 어떻게 하면 되는지 지금부터 바로 알아보겠습니다.

티스토리 글 SNS에 자동으로 보내는 방법

먼저 본인의 티스토리 블로그에서 q 버튼을 눌러서 로그인 한 후 관리화면에 진입합니다. 그후 화면 왼쪽 아래 쯤에서 꾸미기 항목과 링크 항목 사이에 있는 플러그인 버튼을 클릭합시다.

그러면 화면 오른쪽에 플러그인 기능 목록이 쭉 펼쳐지는데요. 우측 상단에 있는 보기 버튼을 눌러서 글보내기를 선택해주면 SNS 글보내기부터 해서 페이스북 글 보내기까지 현재 5개의 플러그인 기능을 무료로 사용할 수 있도록 제공하고 있는 것을 볼 수 있습니다. 카카오스토리 채널, 트위터, 페이스북 중에서 본인이 원하는 서비스 하단에 있는 설정하기 버튼을 눌러줍니다.

먼저 트위터 글 보내기를 눌러보았습니다. 말머리는 트위터에 글을 보낼 때 서두에 붙는 문구를 말합니다. 기본적으로 [#Tistory]라고 되어 있어서 다른 사람들이 티스토리 블로그에서 작성된 글을 공유하는 것이구나 하고 알 수 있습니다. 만약 다르게 표시되기를 원한다면 말머리를 지워주시거나 수정, 편집해주시면 되겠습니다. 그후 아래의 계정 연결하기를 눌러서 트위터에 로그인하시고 글보내기에 대한 서비스 허용을 해주시고 오른쪽 아래의 적용버튼을 눌러주시면 됩니다.

다음으로 페이스북 글 보내기를 눌러보면, 이미지 미리보기를 할 것인지 아닌지와 글을 모든 사람에게 공개할 것인지 친구에게만 공개할 것인지를 설정할 수 있습니다. 본인의 입맛에 맞게 선택을 해준 다음, 아래의 계정 연결하기 버튼을 클릭합니다. 페이스북에 로그인 한 후 해당 서비스를 허용해주신 후 트위터 글보내기와 마찬가지로 우측 하단의 적용을 클릭해서 완료해주시면 되겠습니다. 글을 많은 곳에 알릴 수 있는 좋은 기능이니 꼭 해당 플러그인을 사용해서 티스토리 글을 페이스북, 트위터, 카카오스토리채널의 SNS에도 편리하고 간단하게 자동으로 보내보시기 바라겠습니다.

티스토리 블로그 유용한 단축키 알아보기

티스토리 블로그 타이틀 마우스오버 색상(색깔, 컬러) 변경하기 방법

티스토리 블로그 CCL 설정하기 방법

구글 애드센스 최종승인 스냅북으로 쉽게 받자는 제목의 마지막 3편입니다. 이제까지 스냅북에 가입을 하고 스냅을 하고 웹마스터도구에 사이트맵과 rss 등록까지 했다면, 이제는 구글 애드센스 계정을 만들고 스냅 페이지 등록을 하기만 하면 됩니다. 아예 아무것도 모르는 초보를 위한 글이기 때문에 구글 애드센스에 가입하는 단계부터 끝까지 알려드리는 것에 중점을 두어 설명드리겠습니다. 그에 앞서 구글 계정이 없으신 분들이라면 먼저 아래 글을 참고하셔서 구글 계정을 만들기 바랍니다.

참고글 : 구글 가입 계정 아이디 만들기 생성 방법

구글 계정을 만드셨다면 애드센스 사이트에 접속을 해서 화면 가운데에 있는 지금 가입하기 버튼을 누릅니다. 애드센스 사이트는 www.google.com/adsense 이라고 주소창에 입력하시거나 아래의 링크를 통해서 편하게 들어가실 수 있습니다.

애드센스 사이트 : https://goo.gl/hn9KHj

구글 애드센스 가입하기

지금 가입하기를 누르면 Google AdSense 가입화면에 들어가게 되는데요. 들어가자마자 바로 웹사이트를 입력하는 공간을 보실 수 있습니다. 이 부분에 본인의 스냅북 주소를 넣어주시고 애드센스르 최대한 활용하기 부분은 읽어보신 후 둘 중 하나를 선택합니다. 그리고 국가 또느느 지역은 본인에 해당하는 지역을 선택해줍니다. 마지막으로 이용약관을 검토하고 동의한다면 체크를 해주시고 계정 만들기 버튼을 누르시면 되겠습니다.

그러면 바로 손쉬운 광고 게재라고 하면서 애드센스 페이지로 넘어가게 되는데요. 시작하기 버튼을 누릅시다.

수취인 주소 세부정보라는 화면에서는 수익금을 받게 되는 본인의 계정유형과 이름 및 주소를 입력하시면 되겠습니다.

그 다음 단계는 본인인증입니다. 본인의 전화번호를 입력하신 후 핸드폰의 경우는 편하게 문제메시지로 선택하고 인증 코드 받기를 누릅니다.

코드 받기를 누르면 본인이 입력한 핸드폰 번호로 인증코드 6자리가 오게 될 텐데요. 인증코드를 입력하세요라는 곳 아래에 인증코드 여섯 자리를 넣으시고 제출을 해주시면 됩니다.

인증까지 된 후에야 애드센스에 사이트 연결 화면으로 넘어가게 됩니다. 화면 아래쪽에 있는 스크립트 코드를 복사한 후, 새 창 또는 새 탭을 열어 스냅북에 로그인 합니다.

웹마스터도구 사이트 인증 절차와 마찬가지로, 스냅북의 왼쪽 상단 줄 3개 버튼을 누른 후 가장 아래에서 Setting 버튼을 선택합니다. 

스냅북 설정에서는 HTML 메타태그 등록을 눌러줍니다. 

그후 사이트 등록 설명문구에 본인의 스냅북에 대한 설명을 한 줄 정도로 짧고 명확하게 작성해주신 후 아래의 HTML 태그 부분에 있던 네이버 웹마스터도구 메타태그는 모두 지워주시고 방금 받아온 구글 애드센스 코드를 붙여넣기 해준 후 아래의 SAVE를 통해 보관해줍니다.

다시 구글 애드센스 사이트 화면으로 와서 완료를 선택하면 위와 같이 사이트를 검토 중입니다. 라는 표시가 뜰 것입니다. 일반적으로 최대 3일이 걸리지만 경우에 따라 더 오래 걸릴 수 있다는 안내문구가 있습니다. 이제부터는 1편에서 알려드렸던 것처럼 스냅을 꾸준히 해주시면 되겠습니다. 저의 경우 약 80개 정도의 글을 스냅을 했지만, 그보다 더 적게 스냅을 해도 승인이 될 수 있기는 하겠지만 다다익선이니 충분히 스냅을 하시는 것을 권장드립니다.

매일 꾸준히 스냅을 하다가 며칠이 지난 후 애드센스에 가입한 이메일 받은편지함에 들어가보면 사이트의 애드센스 연결 완료라는 메일이 와 있을 것입니다. 메일 내용에는 Google 애드센스 축하합니다. 계정이 완전히 승인되었습니다 라는 축하 메시지가 뜰 것입니다.

이때부터는  애드센스 사이트에 접속해서 계정이 활성화되었다는 문구를 보고 광고 설정을 하신 후 새 광고 만들기를 눌러서 반응형 광고코드를 스냅북 또는 본인의 티스토리 블로그 플러그인 구글 애드센스 반응형에 넣고 활성화 되기를 기다리시면 되겠습니다. 스냅북으로 구글 애드센스 승인 쉽게 받자는 3편의 글을 통해 지금까지 애드센스 승인이 안 되셔서 고생하셨던 분들의 고민이 싹 날아가시기를 기원합니다.

지난 시간에는 애드센스 승인을 위한 스냅북 가입과 이용방법에 대해 알아보았는데요. 오늘은 그에 이어 스냅북을 네이버 웹마스터 도구에 사이트 등록을 하고 검색 포털에서 검색이 잘 이루어지도록 하는 방법을 알아보겠습니다. 티스토리 블로그로 애드센스 승인을 받기 위해서는 네이버 웹마스터도구와 구글 웹마스터도구에 모두 사이트맵과 rss등록을 해주어야 했습니다. 이를 통해 구글과 네이버에서도 내가 쓴 글들이 잘 노출되고 검색되도록 하기 위함입니다.

티스토리는 다음(DAUM)의 서비스이기 때문에 굳이 다음 웹마스터도구에 등록을 하지 않아도 자동으로 검색이 잘 되기 때문에 다음에는 등록을 할 필요가 없었는데요. 우리는 딱히 외부에서 검색을 해서 찾아오기를 바라는 것이 아니라 구글 애드센스 승인을 받는 목적으로 접근하고 있기 때문에 굳이 3곳 모두에 등록할 필요는 없습니다. 게다가 티스토리 블로그 사이트맵을 등록하기 위해서는 따로 사이트맵 xml 파일을 만들어야 하는 수고가 필요했지만, 스냅북의 경우에는 사이트맵과 rss 등록이 간단하기 때문에 더욱 편하게 등록할 수 있습니다.

스냅북 사이트맵, rss 네이버 웹마스터 도구 등록하기

우선 네이버 웹마스터도구에 스냅북 페이지를 추가하기 위해서 아래 링크를 통해 네이버 웹마스터도구에 들어간 후 네이버에 로그인을 합니다. 

네이버 웹마스터도구 : https://goo.gl/wRC5MW

혹시 네이버 웹마스터도구에 가입이 되어 있지 않은 분은 예전에 작성했던 웹마스터 도구 가입 방법에 관한 글을 참고해주시기 바랍니다.

참고글 : 블로그 사이트맵 만들기

웹마스터도구의 연동 사이트 목록에서 사이트를 클릭한 후 하단의 사이트추가 버튼을 누릅니다.

사이트 정보 입력란에 본인의 스냅북 주소를 입력합니다. 이때 프로토콜은 기본 설정인 http://로 하시면 됩니다. 만약 스냅북 주소를 복사 붙여넣기 하실 경우 http://http://~~.sbook.kr/ 이런 식으로 될텐데 이 경우 중복되는 http:// 부분은 반드시 지워주신 후 아래의 확인 버튼을 눌러줍시다.

그다음은 사이트 인증을 해야 하는데 HTML 태그를 눌러주시고 아래의 초록색으로 된 메타태그를 드래그 하고 복사를 합니다.

이제 본인의 스냅북 페이지에 들어와서 우측 상단의 줄 세 개 버튼을 누른 후 스클로을 아래로 내려서 가장 아래에 있는 Setting(설정)버튼을 클릭합니다.

화면 오른쪽에 설정 화면이 나오면 스냅북 설정에서 HTML 메타태그 등록을 누릅니다.

HTML 태그(<head>섹션 메타 태그) 아래에 방금 전 복사했던 meta name 태그를 붙여넣기 해주시고 아래의 SAVE 버튼을 눌러 꼭 저장을 해주시기 바랍니다.

이제 다시 네이버 웹마스터도구 화면으로 돌아오면 자동등록 방지를 위한 보안절차에서 이미지에 보이는 글자 및 숫자를 입력한 후 확인을 누르면 사이트 소유 확인이 완료되었다는 창이 뜰 것입니다. 확인을 해줍니다.

이제 사이트부분에 본인이 등록한 스냅북 주소가 뜨게 된 것을 볼 수 있습니다. 해당 주소를 클릭합시다.

왼쪽 사이드바에서 요청을 선택하고 사이트맵 제출을 누릅니다. 사이트맵 제출에서 빈 공란에 sitemap.php라고 적어주시고 확인 버튼을 누르면 사이트맵이 아주 간단하게 등록 됩니다.

다음으로 RSS 제출을 누른 후에 RSS 제출 화면에서는 빈 공간에 본인의 스냅북 주소 전체를 적어주신 후 끝 부분에 /rss.php 라고 추가하신 후 확인을 누르면 rss피드 등록이 완료됩니다. 이로써 구글 애드센스 승인 스냅북으로 받는 두번째 단계인 사이트맵과 rss 등록까지 모두 완료가 되었습니다. 이제는 구글 애드센스 계정을 만들고 나의 스냅북을 애드센스에 등록하고 승인 신청을 하는 일만 남았습니다.

오늘은 티스토리 공감버튼 위, 또는 아래에 글자 넣는 방법에 대해 알아보겠습니다. 페이스북과 트위터에서는 좋아요 버튼, 유튜브에서는 좋아요와 구독하기 버튼으로 해당 컨텐츠에 대한 공감과 느낌을 표현해줄 수 있습니다. 티스토리 블로그에서는 포스팅을 하면 공감 하트 버튼을 통해 해당 게시물에 대한 사람들의 평을 알아볼 수가 있는데요. 공감을 많이 받은 포스팅일 수록 다음 또는 티스토리 주제 내에서 더 많은 사람들이 볼 수 있도록 노출이 잘 되거나 하는 효과까지 있는 듯 합니다.

꼭 그렇지 않더라도 많은 사람이 글을 읽고 도움이 되었다는 표현을 해준다는 사실 하나만으로도, 글을 발행하는 사람의 입장에서는 보람을 느끼고 더욱 좋은 글을 써야겠다는 마음이 커지기 때문에 고마운 기능입니다. 그런데 하트 공감 버튼이 눈에 잘 띄지 않거나 이 버튼을 누르려면 로그인을 해야하지 않을까? 라는 생각 등 여러 이유로 공감을 누르지 않게 되는데요. 독자들의 반응이 힘이 될 수 있기 때문에 블로거 입장에서는 글이 유용했다면 적극적으로 공감을 눌러주기를 원하는 것은 당연합니다.

이를 위해서 포스팅 가장 마지막에 글이 도움되었다면 로그인 없이 누를 수 있는 공감 버튼을 눌러달라는 글을 매번 쓰시는 분이 많습니다. 하지만, 매번 서식으로 넣기도 귀찮을 수 있기 때문에 아예 딱 HTML에 새겨 넣어서 고정시킬 수만 있다면 더욱 편리할 것입니다. 이런 문제로 고민하셨던 분들은 지금부터 천천히 글을 읽으면서 따라해보신다면, 공감 하트 버튼 위 또는 아래에 원하시는 문구를 입력할 수 있을 것입니다.

티스토리 블로그 공감버튼 상단 하단에 문구 넣기

우선 각자의 블로그에서 q 버튼을 눌러서 티스토리 블로그에 로그인 한 후 관리화면에 들어갑니다. 왼쪽 사이드바 꾸미기에서 HTML/CSS를 클릭해서 들어갑니다. 그후 HTML에서 </head> 코드 바로 위에 jquery(제이쿼리)코드를 구현하는 스크립트 코드를 넣어줍니다. 직접 타이핑 하기 귀찮을 수 있기 때문에 아래 노트패드 메모장 첨부파일을 여셔서 복사 붙여넣기 해주세요.

</head> 앞 삽입 : 공감head앞.txt

그 다음 스크롤을 가장 마지막까지 내리거나 키보드 자판 오른쪽에 있는 End키를 누릅니다. HTML의 가장 하단 부분에 오게 되면 이번에는 </body> 바로 위에 위와 같은 스크립트 코드를 작성해 넣어줍니다. 이 또한 첨부파일을 열어서 복붙 해주시면 간단하게 됩니다.

</body> 앞에 넣기 : 공감body앞.txt

이때 상단 이미지에서 분홍색으로 표시한 부분에 본인이 원하시는 문구 글씨를 입력해주시면 되는데요. 다채롭게 꾸미기 위해서는 티스토리 글쓰기를 누르고 예쁘게 꾸미신 후 글쓰기 화면 오른쪽에 보이는 HTML을 클릭하셔서 코드 소스로 변환시켜준 후 그것을 이곳에 복사붙여넣기 한 후 한 줄로 만드시면 되겠습니다.

또한 공감 버튼 아래에 문구를 넣고 싶다면 .insertBefore를 .insertAfter로 고쳐주시면 됩니다. 모든 것이 완료 되었다면 우측 상단의 저장버튼을 눌러서 최종적으로 설정을 해주시면 되겠습니다. 이때 이 기능을 이용하기 위해서는 당연히 공감버튼이 활성화 되어 있어야 하는데요.

글쓰기를 하실 적에 오른쪽의 기본설정 하위에 있는 주제에서 반드시 여러 주제 중에서 한 가지를 선택해주셔야 공감버튼 활성화가 이루어지니 꼭 잊지 말고 체크해주시기 바랍니다. 티스토리 공감버튼 위 아래에 글자 문구를 넣는 방법을 응용해서 공감 버튼 위에 jpg나 gif 등의 그림 파일도 삽입할 수 있으니, 다양하게 티스토리를 꾸며보시기 바랍니다. 

티스토리 블로그 유용한 단축키 알아보기

티스토리 블로그 가로길이(가로폭, 너비) 조정하기 방법 :: fastboot스킨

티스토리 사진 포토 업로드 편하게 하기 방법 :: 즐겨찾기 기능

티스토리 블로그 줄간격 변경 방법

오늘은 구글 애드센스 승인을 스냅북으로 쉽게 받는 방법 총 3편 중 첫번째 포스팅입니다. 바로 스냅북에 가입을 하고 스냅북을 이용하는 방법인데요. 굳이 이렇게 세 편에 걸쳐서 글을 작성하는 이유는 구글 애드센스 승인 문제 때문에 아직까지도 많은 시간을 인내하면서 기다리시는 분들이 많기 때문입니다. 스냅북으로 본인의 스냅북 페이지를 개설하게 되면, 애드센스 승인을 빠른 기간 안에 받을 수 있다는 정보를 입수하고 아는 분의 구글 계정으로 스냅북 실험을 해본 결과 7일도 안 되는 기간 안에 최종 승인을 받았기 때문입니다.

그러니 총 3편의 포스팅을 참고하셔서 많은 분들이 티스토리 블로그와 연동하여 애드센스를 통해 광고수익 달러를 받아보시기를 바랍니다.

스냅북 가입하는 방법

가장 먼저 해야하는 것은 당연히 스냅북 가입입니다. 구글이나 다음, 네이버 등 검색 포탈사이트에 스냅북이라고 입력을 하시거나, 귀찮으신 분은 아래의 링크를 통해 스냅북 홈페이지에 접속하시기를 바라겠습니다.

스냅북 : https://goo.gl/C6QTX6

▼스냅북 메인화면

스냅북 사이트에 들어가면 가장 먼저 위와 같은 모습을 볼 수 있습니다. Just snap, what you want! SNAPBOOK 이라는 문구가 인상적인데요. 사진을 보면 스냅북 어플 앱도 있는 것을 알 수 있습니다. 스냅북 앱 활용에 대해서는 아래에서 다루도록 하고 먼저 화면 상단 왼쪽에 있는 줄 세 개 버튼을 누릅니다.

줄 세 개를 누르면 왼쪽에서 사이드바가 삐죽하고 나오는데요. 위에를 보면 LOG IN(로그인)과 SIGN IN(회원가입) 버튼이 있습니다. 이 중에서 오른쪽의 Sign In을 눌러줍니다.

스냅북 회원가입 화면으로 들어가면 서비스 이용약관 동의와 개인정보 수집 및 이용 동의를 쭉 훑어보고 동의한다면, 각각 동의합니다에 체크해준 후 약관동의 버튼을 눌러 진행합니다.

그 다음은 회원 정보입력 차례입니다. 이메일주소와 비밀번호, 스냅북 이름과 원하는 스냅북 주소를 입력하신 후 로봇이 아닙니다를 눌러서 체크해주시고 아래의 가입하기를 누르면 됩니다. 이때 이메일 주소는 실제 이메일주소가 아니어도 가입이 됩니다. 다만 나중에 비밀번호를 잊어버릴 경우 비밀번호 찾는데는 필요할 수도 있기 때문에 가급적 실제 사용가능한 이메일 주소로 입력해주시는 것이 권장 될 뿐입니다.

가입하기를 누르면 내 관심분야 설정 페이지로 향하게 되는데요. 여기서 구글 애드센스가 좋아하는 분야인 건강, 재테크, IT 분야를 콕콕 선택해주시고 아래의 저장 버튼을 눌러줍시다.

스냅북 스마트하게 이용하는 방법

관심분야까지 모두 설정이 되었다면 자동으로 로그인 될 것입니다. 이제부터는 스냅북 기본 설정하는 방법과 연속으로 이어서 스냅할 수 있는 방법에 대해 다루겠습니다. 화면 오른쪽 위의 마이 스냅 버튼을 누릅니다.

마이스냅 화면입니다. 다른 사람에게 보여지는 본인의 스냅북 폴더를 관리할 수 있는 공간인데요. 폴더 목록이라고 써 있는 바로 우측에 화살표 버튼을 누르면 공개폴더, 비공개폴더, 폴더생성, 폴더관리라는 4가지 버튼이 기본적으로 세팅되어 있습니다. 이 중에서 폴더관리를 클릭해줍니다.

우리가 애드센스 승인을 받기 위해서는 해당 카테고리에 글이 최소 1개 이상은 있어야 하는데요. 공개폴더와 비공개폴더는 불필요하기 때문에 왼쪽 빈 박스를 모두 클릭해서 체크로 바꾸어주시고 오른쪽 하단의 삭제2를 눌러주시기 바랍니다.

삭제를 하면 화면이 깔끔해집니다. 이제 우리가 스냅한 포스팅들을 담아놓을 폴더를 생성하기 위해서 새폴더 만들기 버튼을 클릭합시다.

폴더 추가 글씨 아래에 먼저 건강정보라고 적어주시고 공개에 체크된 상태로 놔둡니다. 그리고 아래의 분류안함 화살표를 누른 후 분류에서 건강을 찾아 세팅해줍니다. 다 되었다면 우측 아래의 확인을 눌러줍니다.

그후 같은 방법으로 IT정보, 재테크정보 폴더로 만들어줍니다. IT정보는 분류를 IT로, 재테크정보는 재테크로 반드시 분류까지 지정해주시는 것이 좋겠습니다. 폴더가 위와 같이 세 개 생성이 되었다면 이제부터는 화면 아래의 스냅하기를 눌러서 여러 글들을 모아주시면 되겠습니다. 그런데, 어떤 글들을 모아야 좋을까요? 라고 궁금해하시는 분들을 위해서 구글 애드센스가 좋아할 만한 글들 모아놓았으니 아래 스냅북 페이지로 이동하시기 바랍니다. 좀더 편한 스냅 환경을 조성하기 위해서, 페이지를 열 때는 나의 스냅북 페이지와는 다른 창으로 여시기 바랍니다.

정보바구니 : https://goo.gl/6DkRa4

해당 페이지로 들어가면 가장 먼저 해야할 것은 화면 중간에 보이는 카테고리를 클릭하는 것입니다. 먼저 건강정보에 관한 글들을 스냅하기 위해서 건강정보를 누릅니다.

컴퓨터 키보드 자판 오른쪽에 있는 PgDn키를 꾸욱 눌러서 페이지의 가장 아래로 가신 후 천천히 위로 올리시면서 해당 카테고리에 있는 모든 글들을 스냅해주시는 것이 좋은데요. 글 하나당 하단에 3개의 버튼이 보일 것입니다. 동그라미 세 개가 연결되어 있는 공유버튼을 누르고 URL 복사를 눌러서 해당 링크 주소를 복사합니다.

그리고, 내 스냅북 페이지가 있는 창으로 와서 스냅하고 싶은 URL을 입력하세요 라고 적힌 글자 아래에 Ctrl키와 V키를 동시에 눌러 붙여넣기 해주고 NEXT를 누릅니다.

스냅하기 화면에 URL과 제목은 자동으로 들어가게 됩니다. 우리가 해야할 것은 내폴더 설정을 통해 카테고리를 글의 제목과 유사한 것인 건강정보를 선택해주신 후 아래의 SNAP IT을 누르시면 됩니다.

스냅이 정상적으로 이루어지면 스냅이 성공적으로 이루어졌습니다.(SUCCESSFULLY SNAPPED!)라는 문구가 나오는데요. 추가로 스냅을 계속하기 위해서 SNAP MORE을 누릅시다.

방금 전 알려드린 스냅 방법을 약 2분도 채 되지 않아서 연달아 게재하려고 하면 위와 같이 너무 빠른 시간내에 게시물을 연속해서 올릴 수 없습니다. 라는 창이 뜨면서 스냅이 되지 않습니다. 이럴 때는 스마트폰 핸드폰에서 구글플레이나 애플스토어에 스냅북을 검색 후 어플을 받아서 똑같이 로그인 한 후 컴퓨터와 스마트폰 스냅북 어플을 번갈아 사용하셔서 스냅하시면 저런 문구가 뜨지 않고 연달아 스냅할 수 있으니 참고하시기 바랍니다. 만약 스냅북 앱을 설치하기 귀찮으신 분들은 안전하게 약 3분 정도의 시간을 두고 스냅을 하시면 문제 없이 성공적으로 올릴 수 있으실 테니 그렇게 해주시면 되겠습니다.

같은 방법으로 IT정보와 재테크정보도 각 카테고리를 누르고 링크 복사를 해서 본인의 스냅북 페이지 카테고리에 맞게 차곡차곡 게시물을 쌓아주시기 바라겠습니다. 구글 애드센스 승인 스냅북으로 쉽게 받는 방법 첫번째인 스냅북 가입 방법과 이용방법에 대해 알아보았는데요. 다음에는 스냅북을 검색사이트 로봇이 우리 스냅북 페이지의 정보를 잘 수집해갈 수 있도록 하는 방법에 대해 다룰 예정이니 이어서 읽어주시기 바랍니다.