본문으로 바로가기

버블프라이스 IT세상

  1. Home
  2. IT관련/구글애드센스
  3. 구글 애드센스 광고 달기

구글 애드센스 광고 달기

· 댓글개 · 버블프라이스


구글 애드센스 광고 달기 


안녕하세요~ 오늘은 티스토리 블로그를 처음 시작하시는 분들께 작은 도움을 드리고자 초보자분들을 위한 "구글 애드센스 광고 달기" 포스트를 할까 합니다.

과거에는 티스토리 블로그에 구글 애드센스 광고를 삽입해 수익을 창출하려면? HTML/CSS 편집도구를 이용해 광고가 출력될 위치를 지정해야 했습니다. 현재에는 그럼 어떻게 달라졌을까요?

티스토리 블로그 설정에 있는 자체 플러그인을 이용하면 HTML/CSS HTML에 대해 지식이 없어도 누구나 쉽고 간편하게 자신이 운영하는 블로그 페이지에 AD를 노출시켜 수익을 창출하실 수 있게 되었습니다.


본 포스트의 개요로는?


● 티스토리 블로그 설정에 있는 자체 플러그인을 이용하는 방법

● 사이드바를 이용한 광고코드 삽입하는 방법


에 대해 알아볼까 합니다.


이것들을 설명하기 전에 그냥 넘어갈 수 없는 것이 있습니다.

바로 구글 애드센스 광고 갯수 제한에 대한 부분인데요


※ 과거에는 AdSense 의 한 페이지 에 삽입 할 수 있던 AD의 갯수 제한은?

 - 콘텐츠형(텍스트 및 이미지) 3개

- 텍스트형(링크) 3개

- 검색창 2개

합 8개로 정해져 있었습니다.


그밖에 다른 애드워즈 콘텐츠를 이용해서

8개 이상

한 페이지 내에 15개 Advertisement가 들어있는 블로그 및 사이트도 있었습니다.


현재는 정책이 변경되어



한페이지내에 광고 갯수는 더 이상 유효하지 않는다고 합니다. 즉 갯수로 문제를 삼지는 않으나, 주의를 해야 한다는 것이지요.

정책위반, 정지등을 당하지 않으려면? 올바른 사용법을 익혀야 하는데요~

도움말에 있는 "적절한 광고 게재"의 글들을 꼭 한번 읽어보시길 권해드립니다.

가능하면 시간이 걸리더라도 꼭 정독하시는 것이 좋습니다.



그럼 오늘의 주제로 다시 넘어갈까 합니다.


과거에는 이렇게 HTML/CSS 편집을 이용해

특정 위치에 Advertisement가 출력되게 했습니다.

그러나 현재는


"구글 애드센스 광고 달기"


HTML/CSS가 무엇인지 몰라도 티스토리 블로그가 만들어 놓은 플러그인을 이용하면 내 사이트에 쉽게 광. 고 를 달 수 있습니다.


위 사진은 티스토리 블로그에 접속 후 [로그인] 후 - [내블로그] - [관리] -[ 플러그인 설정] -[ 배너출력]을 클릭 시 나오는 화면입니다.

플러그인을 선택 후 [확인]을 누르면

오른쪽 사진과 같이 [사이드바] 화면으로 이동이 됩니다. 이때

사이드바1이라는 항목에 [HTML 배너출력] 옆에 +를 클릭하시면 


사이드바1 밑으로 HTML배너출력이 추가가 될 것입니다.

추가시킨 HTML배너출력에 구글 애드센스 광고코드를 삽입을 하셔서 사용하실 수 있습니다.


항상 새로운 변경사항이 있으면 위에 [저장]을 눌러주셔야 반영이 됩니다.

그리고 새로운 환경설정을 한 후 변경사항을 확인하기 위해서는 저장 옆에있는 [미리보기]를 눌러  내가 설정한 위치에 출력이 되는지 확인할 수 있습니다.

자세한 내용은 아래에서 좀더 설명하겠습니다.


HTML배너출력을 하기 위해서는?

Google AdSense 사이트에 접속 후 [광고단위]를 누르고 새 광고 단위를 눌러 새로 코드를 생성합니다.


생성 후에는 [코드가져오기]를 누르면 오른쪽 사진과 같이 코드가 자동으로 출력되는데요 이때 코드를 복사하여

플러그인에 추가한 [HTML배너출력]에 붙여넣기를 해주세요.


*단 새로운 광. 고를 생성후 바로 사이트에 삽입을 하시면

정상적으로 출력되기 위해 약 2~3시간 정도가 걸리고 길면 하루정도 소요될 수가 있습니다.

기다리셔야 합니다.



위 사진과 같이


저는 텍스트 편집기를 이용해

코드들을 모아놓고


삽입할 곳을 찾아 복사하여 붙여넣기를 합니다.


HTML 배너출력에 이름을 입력하고 아래에 소스를 붙여넣기 한 후 [확인]을 눌러주세요.

단 주의사항


※ Advertisement 의 크기(사이즈)를 고려해 최적화된 사이즈를 삽입하는 것이 중요합니다.

이는 수익과 연결되는 부분이고, 사이트 속도와 안전성과도 관련이 있습니다.


보통 사이드바

가장 큰 세로 사이즈 는 width : 300px, height: 600px 입니다.


일반적인 모바일 및 데스크 탑 최적 사이즈는? width : 336px , height: 280px 

입니다.


잘 모르겠다 하시는 분들은 아래에 고객정보, 슬롯 고유번호만 자신것으로 변경(수정)하시고 위에 있는 왼쪽 사진에 나머지 데이터를 그대로 입력후 사용을 하셔도 좋습니다.



Google AdSense 에서 소스를 가져올때

data-ad-client 는 고객 정보

data-ad-slot= 고객 advertisement 슬롯 고유번호


로 새로운 소스를 만들때 마다 고객 정보는 동일하고 고객 슬롯 고유번호만 변경이 됩니다.


Advertisement의 사이즈 및 크기는 임의로 변경할 수 있습니다.

이는 아래 플러그인을 이용한 구글 애드센스 광고 달기를 할때 모두 동일하게 적용됩니다.


HTML 배너출력에 소스를 입력 한 후 저장하기를 했습니다.

오른쪽 사진은 

링크 1

일반 1

광. 고 를 삽입 후 화면입니다.

300, 600 사이즈 는 이렇게 출력이 됩니다.

바로 밑에는 링크 입니다.

 

글 주제와 관련된 것들이 자동으로 매칭되어 출력됩니다.


사이드바 3개

본문 1개


총 4개의 광. 고

형태로 출력할 수도 있고요~


사이드바1  3개 (링크 2개 + 사이드 1개)

본문 1개


다양한 형태로 만들 수 있습니다.


본문에 넣을


데스크탑 환경

모바일 환경

각각 환경을 고려해서


티스토리 블로그에서 제공하는 플러그인을 이용해 사이트 페이지 본문에 삽입하실 수 있습니다.


이때 모바일에서 노출되는 적절한 사이즈는 왼쪽 사진과 같습니다.

width: 320px

height: 100px

입니다.


사이즈가 달라 [저장]이 안되시면 위 sise로 변경을 해보시길 권해드립니다.


상단 설정, 하단 설정


본문에 넣고 싶으신 삽입 위치를 정한 후 아래에는 소스코드를 넣고 [확인]을 해주시면 됩니다.


본문 상단 1개

본문 하단 1개

사이드바1 1개

이 적용후 사진입니다.


티스토리 블로그 스킨에 따라

삽입 위치는 달라질 수 있습니다.

어떤 것이 효율적인 삽입 위치인지는 오랜시간 연구를 통해 찾아보셔야 합니다.

스킨에 따라 다르고, 사이즈에 따라도 달라집니다.


궁금한 것이 있으시면 아래에 댓글을 달아주시면 친절히 답변드립니다.


다음은 관련 포스트 입니다.



이상 오늘 내용 유익하셨나요~?

항상 건강하시고 좋은일만 가득하시길 바래요

감사합니다.


{
SNS 공유하기
💬 댓글 개
이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.