본문 바로가기
제품리뷰

애드센스 디스플레이 광고넣는 법(2021년5월버전)

by 꿈꾸는 호수 2021. 5. 9.
728x90
반응형

티스토리 블로그에 구글 애드센스 디스플레이 광고 넣는 법

 

티스토리 블로그에 구글 애드센스 디스플레이 광고 넣는 법 알려드릴게요.

 

이거 검색해보면 죄다 옛날에 티스토리 플러그인 시절에 쓰던 방법만 나오잖아요. 이게 최신 버전입니다.

 

 

 

물론, 자동광고 설정해서 싹 잊어버리고 사시는 분들도 계시지만요.

 

블로그의 품질을 위해서는 자동 광고보다는 조금 귀찮더라도 수동으로 광고를 넣어주시는 게 좋습니다. 

 

 

 

자동광고 넣고 나중에 블로그 들어가 보면 진짜 이상한데 들어가 있고 어지러워서 가독성이 현저히 떨어지는 경우가 많아요.

 

방문자가 들어와서 읽다가 광고때문에 나가버리면 이탈률 떨어지고 그러면 결국 노출 순위에서 계속 밀리는 거 아시죠?

 

조금 불편하더라도 정성을 들인 질높은 블로그를 유지하셔야 방문자들도 기분 좋게 정보를 얻어가고 노출 순위도 올라갑니다.

 

제 블로그 글이 유익하셨다면 구독 좋아요 버튼은 안 눌르셔도 되고 밑에 뜨는 광고 한 번씩 클릭해주시는 걸로 쿨럭. 아이고 이런 말실수가 막... 나도 모르게 진심이 튀어나와버렸어요.

 

디스플레이 광고만들기

구글 애드센스 들어가셔서요.

 

순서대로, 광고-광고 단위 기준- 디스플레이 광고 클릭하시면 

 

구글애드센스 광고만들기 화면

 

다음과 같이 나옵니다.

 

애드센스 디스플레이광고만들기

'광고 단위 이름 지정'이라고 나와있는 곳에 원하는 이름을 쓰시고요. 예를 들어 '디플 사각형'이라고 쓸 수 있겠죠. 오른쪽 하단에 완료 누르면 됩니다. 저는 보통 디플 상단 사각형 이런 식으로 무슨 광고인지, 어느 위치에 넣을 건지, 어떤 모양인지 이렇게 나오게 만듭니다. 나중에 광고 단위에 따라서 통계를 낼 수 있거든요. 어떤 식으로 만든 광고가 가장 클릭률이 높고 블로그랑도 예쁘게 나오는지 알아볼 수 있어요. 만들기 버튼 누르시면, 

 

디스플레이 광고 코드

요런 게 나올 거예요. 디스플레이 상단 사각형이라고 제가 이름 쓴 게 보일 거예요.

 

html상에서 <!--어쩌고 -->이런 표시는 컴퓨터에게 '! 에서부터는 내가 메모해둔 거니까 해석하려고 하지 마' 하는 뜻이에요. 즉, 저만 볼 수 있고 이게 게시물에 반영되거나 하지 않는다는 거죠. html 소스를 만질 때 이렇게 표시를 해두면, 나중에 오류가 났을 때 수정하기가 편해요. 구글 애드센스는 친절하게 이런 표시까지 대신 다 해주네요. 

 

코드 복사 누르면 자동으로 클립보드에 복사됩니다.

 

이걸 수동으로 넣어줄 건데요. 디플 광고도 코드를 가져가서 html편집기 상태에서 붙여 넣기 하면 됩니다. 

 

디스플레이 광고를 티스토리 블로그에 삽입하기

 

광고 붙이기를 원하는 게시물에 들어가셔서 위의 메뉴 오른쪽 끝에 기본 모드를 누르면 주르륵 내려오는 메뉴 중에 HTML을 클릭하세요.

티스토리블로그 html편집하기

 

그럼 이렇게 무서운 그림이 나옵니다.

 

 

html로 광고삽입하기

놀라지 마시고 잘 들여다보시면 

 

<b> 어쩌고저쩌고.... </b>라는 것이 보일 거예요. 제가 빨간색으로 동그라미 쳐놨어요.

 

애드센스 페이지에서는 <body>와 </body> 사이에 넣으라고 하는데 이 <b>, </b>가 바로 그겁니다. 약자예요.

 

어떤 <b>, </b> 사이라도 상관없고요. 저는 간격이나 줄 바꿈 없이 <b> 바로 옆에 붙여 넣기 합니다. 

 

저는 나름대로 광고 단위를 만들 때 상단, 중간, 하단으로 분류를 해놓기 때문에 거기에 맞는 적당한 위치에 붙여 넣기 합니다. 아까 코드 복사하기 통해서 클립보드에 있죠? 없으면 다시 가셔서 복사해오시고요. 그대로 붙여 넣으면 됩니다. 그러고 나서 다시 html을 눌러서 기본 모드를 다시 선택하면요.

 

아까 내가 작성한 게시 글이 나오고,

 

광고 코드 넣은 자리에 이런 게 들어간 걸 볼 수 있습니다.

 

 

광고코드가 잘 들어갔을 때

그러면 제대로 들어간 거예요. 완료하시면 그 자리에 디플 광고가 송출됩니다.

나중에 광고 지우기를 원하면 html 갈 필요 없이, 이 스크립트 박스 두 개 지우면 됩니다. 

티스토리가 나름 일반인들을 위해 편리하게 해 두었어요. 

 

 

반응형

댓글