본문 바로가기
너도 파워 블로거 될 수 있어 (Power Blogger)/구글 애드센스 (Google Adsense)

티스토리에 구글 애드센스 자동 광고 + 앵커 효과 + 반응형 광고 달기

by ★√★ 2020. 9. 27.

 

안녕하십니까, Davey 입니다. 정말 그렇게 기다리던 구글 애드 센스 합격 메일을 받고 나서 가장 처음 했던 것이 광고를 다는 것이었습니다. 저 말고도 티스토리에 구글 애드센스를 이미 세팅하신 구글 애드센스 선배님(?) 들이 많이 있으셔서, 정보를 모으는 데는 무리가 없었습니다. 여러 블로그의 정보와 아티클을 통해서 성공적으로 1차 광고 달기에 대한 지식을 습득할 수가 있었습니다. 저도 나름대로 도움을 받았으니까, 이제는 제가 도움을 드릴려고, 이렇게 포스팅을 하게ㄷ 되었스빈다. 이것 저것 찾아보면서 저 같이 잘 모르시는 분들에게 조금이나마 도움이 되었으면 좋겠습니다. 나름대로 최대한 자세하게 설명 드리도록 하겠습니다.

 

 

 

 1. 구글 애드센스 승인 내용 재확인

 

- 가장 먼저 하셔야 할 일은 아래 승인 메일은 왔지만 승인된 것이 맞는지에 대해서 재확인 하는 작업이 필요합니다. 왜냐하면, 그럴 일은 없지만, 잘못 송신 되는 경우도 있을 수도 있으니깐요. 재확인 항상 필수 인 거 같습니다. 아래 사진 매번 볼 때마다 감회가 새로운 거 같습니다. 감상은 여기까지하고 설명 이어가겠습니다.

 

 

 

 

 - 검색창에서 "구글 애드센스"를 치셔서 들어가시거나, 승인메일에 "시작하기" 버튼을 눌러서 접속이 가능합니다. 접속을 하면, 아래와 같이 메뉴가 바로 뜨면 승인이 된 게 맞습니다. 왼쪽 메뉴도 승인 전에는 활성화 되지 않았던게, 활성화가 된 것을 보실 수 있습니다.

 

 

 

 

 

2. 자동 광고 + 플로팅 광고 모드 설정하기



: 그럼 일단 자동광고 다는 법 부터 설명 해 드리도록 하겠습니다. 구글 애드센스 홈페이지에서, 아래 경로를 통해서 자동광고 설정 화면으로 이동을 합니다. 여기에서 추가적으로 말씀 드리면, 구글 애드센스 승인이 나기전에는 왼쪽 메뉴가 활성화가 되지 않았는데, 활성화가 된 것을 확인 하실 수 있습니다.

 

자동 광고 설정 창 실행 경로 : [광고]  - [사이트 기준]

 

- 위 경로를 통해서 접속을 하면 아래와 같은 화면을 확인 하실 수 있습니다. 여기에서 "코드 가져오기" 항목을 클릭하여, 자동광고 코드를 가져오는 작업을 수행을 합니다. 

 

 

 

 

- "코드 가져오기" 를 실행을 하면, 아래와 같은 화면을 보실 수 있는데, 여기에서 코드 복사를 통해서 자동광고 코드를 복사를 합니다. 그리고 화면과 함께 설명해주는 문구 대로, <head> </head> 태그 사이에 복사한 코드를 복사 붙여 넣기 하여야 하셔야 합니다. 

 

 

 

 

 - 가져온 코드를 복사 / 붙여 넣기를 하기 위해서 아래와 같은 경로를 통해서 html 편집 기능을 실행 시켜야 합니다. "html 편집" 버튼까지 누르게 되면, html 편집이 가능한 편집기 형태의 화면이 나타납니다.
 

 html 편집 기능 실행 경로 : [ 관리 ] - [스킨 편집] - [html 편집] 

 

 

 

 

 

 

 

 

- html 편집기 화면에서, 코드를 복사한 창에서 설명하듯이, <head> </head> 태그 사이에 복사한 코드를 복사 붙여 넣기 하여야 하셔야 합니다. 아래 <!-- Google Adsense start--> 와 <!-- Google Adsense end-->사이에코드를붙어넣으시면됩니다. 복사한 코드를 잘 보시면, <script> </script> 구문인 걸 확인 하실 수 있습니다. 그럼 자동광고 코드 입력을 마친 것입니다.

 

 

 

 

- 여기에서 만약에, 모바일에서 봤을 때 광고가 맨 위에 계속 나오는 효과를 주기 위해서는 아래와 같이 설정해 주시면 됩니다. 일단 처음에 자동 광고 설정 창에서 자신의 블로그 주소가 기입되어 있는 항목 맨 오른쪽 연필모양의 아이콘을 클릭 합니다. 

 

 

 

 

그러면 새로운 창으로 전환이 되고, 전환된 창 오른쪽의 설정 내용을 아래와 같이 세팅을 해주시면 됩니다. 

 

 1) 자동 광고 활성화 시키기 

 : 아래와 같이 자동 광고를 활성화 시킵니다.  

 

 

 

 2) 광고 형식 설정 창 세팅하기

 : 아래와 같이 광고 형식 설정 창을 세팅을 합니다. 앞에 말씀 드린 맨 위에 계속 나오게 해주는 효과를 주는 항목이 "앵커 효과" 입니다. 그래서 이 부분을 활성화 시키면 계속적으로 광고가 노출되는 효과를 주실 수 있습니다. 선택을 하면 화면 중앙에 예제 화면이 나오니 참조 하시면 됩니다. 

 

 

 

 

 

- 위와 같이 설정을 하고, 일정시간 (약 10~20분정도) 흐르면, 모바일 상단 부분에 스크롤이 내려가더라도, 지속적으로 따라 다니는 광고를 발견 하실 수 있을 겁니다. 아래 화면 참조 하시면 됩니다.

 

 

 

3. 상단, 하단, 사이드 반응형 광고 설정하기

 

: 자동 광고 설정이 끝났으면, 이제는 상단, 하단 그리고 사이드 반응형 광고 설정에 대해서 설명 드리도록 하겠습니다. 일단 아래 경로를 통해서 설정한 광고 코드를 생성을 해야 합니다. 여기에서 추가적인 설명을 드리자면, 디스플레이 광고가 광고 초보자에게는 무난하게 이용한 메뉴입니다. 다른 항목은 아직 사용을 하지 않았고, 추후 자리가 잡히면 여러 가지 적용해 볼 예정입니다. 

 

상단, 하단, 사이드 반응형 광고 코드 생성하는 경로 : [광고]  - [광고 단위 기준] - [디스플레이 광고]

 

 

 

 

 

- 위 경로를 통해서 접속을 하면 아래와 같은 화면이 나오며, "반응형"을 선택 하면 코드를 받을 수 있는 창이 생성이 되고, 그 화면에서 코드를 복사 하시면 됩니다. 

 

 

 

- 이제 코드까지 생성을 하였으니, 본격적으로 광고를 부치는 작업을 해야 합니다. 아래와 같이 티스트리 관리 메뉴로 들어가서, [플러스인] 메뉴를 클릭 하면 구글 애드센스 (반응형) 메뉴를 찾으실 수 있습니다. 이 반응형을 활성화 시켜야 합니다. 동시에 이 항목에 복사한 코드를 붙여 넣기를 하셔야 합니다. 상단, 하단 두 개 코드를 넣으실려면 앞에 설명드렸던 코드 생성을 두 번 해주셔야 합니다. 팁을 드리자면, 코드 별 이름을 구분 지어 주시면, 나중에 광고 분석에 도움이 되실 겁니다.

 

 

 

 

 

 

 

 

 

 

- 위와 같이 코드 붙여넣기를 완료를 하면 아래와 같이 광고가 보이실 겁니다. 설정하고, 최장 1시간정도 걸릴 수 도 있으니까, 설정하시고 다른 공부나 작업하시다가 확인하시면 될 거 같습니다. 저는 설정해 놓고, 그냥 잤습니다. 왜냐하면, 승인 메일을 거의 밤 11시 넘어서 확인하고, 그 후에 광고 작업을 했었거든요. 그 때는 신나서 잠도 안자고 광고 작업 한 거 같습니다. 

 

 

 


[ Davey 티스로리의 #구글애드센스 포스팅 LIST ] ◀ 아래 LIST 클릭 해서 보러 가기

1. 구글 애드센스 가입하기

2. 구글 애드센스 첫 승인 거절 후기

3. 사이트맵 sitemap.xml 만들어 구글 서치 콘솔 네이버  서치어드바이저 에 등록하기

4. 7개월만에 집념의 도전 후 구글 애드센스 합격

5. 티스토리에 구글 애드센스 자동 광고 + 앵커 효과 + 반응형 광고 달기

6. 구글 애드센스 광고가 모바일에서 보이지 않을 때 현상 + 해결책 


 이상입니다. 그냥 눈으로 보는 것을 실행을 하고 그 실행한 것을 다시 다른 사람들에게 도움을 주기 위해서 설명을 하는 게 참 재미있으면서도, 한 편으로는 쉬운일은 아닌 거 같습니다. 왜냐하면, 일단 제가 다 이해를 해야 되고, 그 사람들이 어떤 것에 대해서 헷갈리지, 그리고 어떻게 하면 더 쉽게 설명해 줄지에 대해서 고민을 안 할 수가 없기 때문입니다.

 

 그렇게 생각하고 작업하고, 글을 쓰니까, 점점 길어지는 거 같습니다. 물론 시간도 많이 들어가구요. 이런 노력과 시간이 헛되지 않도록, 많은 분들에게 도움이 되었으면 합니다. 중간 중간에 Troubleshooting 했던 부분도 하나 하나 올리도록 하겠습니다. 그럼 같이 서로 서로 도와가면서 노력해서, 같이 성장하시죠. 감사합니다.

 

제 Posting이 조금이나마 정보 전달에 도움이 되셨길 빌며, 되셨다면, 구독, 댓글, 공감 3종 세트 부탁 드립니다. 감사합니다.

[저작권이나, 권리를 침해한 사항이 있으면 언제든지 Comment 부탁 드립니다. 검토 후 수정 및 삭제 조치 하도록 하겠습니다. 그리고, 기재되는 내용은 개인적으로 습득한 내용이므로, 혹 오류가 발생할 수 있을 가능성이 있으므로, 기재된 내용은 참조용으로만 봐주시길 바랍니다. 게시물에, 오류가 있을때도, Comment 달아 주시면, 검증 결과를 통해, 수정하도록 하겠습니다.]

 

 

 

728x90

댓글


// 내부링크를 현재창으로 열기 // Open internal links in same tab