애드센스 광고 쉽게 넣는 방법 / 글 수정하면 애드센스 광고 잘리는 현상 해결하기

 

안녕하세요. 토미타미입니다!

요즘 제가 블로그를 시작하면서 알게 된 티스토리 블로그 운영 팁을 공유하고 싶었는데

블로그를 시작한 지 오래된 것도 아니고, 많이 알고 있는 것도 아니라 조금 망설이다가

블로그 하다 보면 작은 것도 도움이 될 때가 있어서

제가 공유한 작은 팁도 누군가에겐 도움이 되셨으면 하는 바람입니다

오늘은 애드센스 광고를 포스팅에 쉽게 넣는 방법과 글을 수정할 때마다

광고가 잘리는 현상의 해결법을 알려드리겠습니다

이번에 알려드리는 2가지 팁은 제가 블로그 하면서 가장 도움이 됐다고 생각하는 것들인데요

여러분들에게도 도움이 되셨으면 좋겠네요

여러분들도 티스토리 블로그를 운영하면서

글 수정할 때마다 광고 짤리는 거나 HTML모드에서 일일이 광고 넣는 것 귀찮지 않으셨나요?

저는 약간 서식을 통해서 광고를 쉽게 넣는 것도 그렇고

광고 잘릴 때마다 광고를 재설정하는 것 때문에 정말 귀찮았었는데

광고 잘림 현상을 해결하고 나서는 자잘한 것에 시간을 쓰지 않아도 돼서 정말 편한 것 같아요

그럼, 바로 포스팅 시작하겠습니다

---

 

 

.애드센스 광고 생성

우선, 티스토리 블로그 포스팅에 광고를 쉽게 넣으려면 광고부터 만들어야겠죠? 저는 애드센스를 한지 얼마 되지 않아서 내가 광고 옵션을 설정해서 만드는 것보다 콘텐츠 내 자동 삽입 광고를 설정하는 게 훨씬 편리해서 지금까지 이용하고 있습니다. 애드센스에 접속해서 [광고]-[콘텐츠 내 자동 삽입 광고]에 들어가서 코드 생성을 해주세요. 그런 다음 오른쪽 하단에 있는 코드 복사를 클릭해서 사이트에 넣을 광고 코드를 복사해주세요. 여기까지는 누구나 쉽게 할 수 있는 부분이라 간단하게 이 정도만 설명하고 다음으로 넘어가겠습니다. 

 

 

함께 보면 좋은 포스팅: [티스토리 블로그] 애드센스 일치하는 콘텐츠 광고 활성화 조건은? (+적용)

 

 

애드센스 광고 쉽게 넣는 법

 

광고 쉽게 넣는 방법

이제 포스팅 내 광고 쉽게 넣는 방법을 알려드리겠습니다. 저는 원래 포스팅에 광고를 넣을 때 글을 쓰고 난 후에 기본 모드에서 HTML모드로 변경해서 넣을 위치에다가 복사한 코드를 붙여 넣는 방식을 사용했는데요. 일일이 그렇게 광고를 넣을 때 코드를 복사해줘야 하는 번거로움도 있고 HTML로 포스팅을 보면 너무 복잡해서 넣을 위치 찾는 것도 은근 일이더라고요. 그래서 포스팅 내 광고를 쉽게 넣기 위해서 서식 관리를 이용할 건데요. 블로그 관리에 들어가서 콘텐츠 카테고리에 있는 서식관리에 들어가서 서식 쓰기를 눌러주세요. 사진에서 보시는 것처럼 저는 이미 서식을 만들어서 잘 활용하고 있답니다!

 

 

 

 

 

광고 쉽게 넣는 방법

서식 쓰기를 클릭해주시면 일반 글 쓸 때와 같은 화면으로 넘어가는데. 서식 제목은 본인이 확인하기 쉽게 콘텐츠 내 자동 광고라고 지정해두시는 걸 추천드립니다. 우선, 광고 코드를 넣어야 하기 때문에 기본 모드에서 HTML모드로 변경해주셔야 합니다. 그리고, 아까 광고 생성 후에 코드 복사한 걸 HTML모드에서 사진처럼 붙여 넣기 해주신 다음에 완료를 눌러서 서식 작성을 끝내주시면 됩니다.

 

 

광고 쉽게 넣는 방법

자! 그럼 서식을 이용해서 포스팅 안에 광고를 넣어보겠습니다. 광고를 넣고자 하는 포스팅에 들어가 주세요. 광고를 넣기 원하는 부분에 글쓰기 커서? 글자판이 위치하게 해 주시고 기본 모드 옆에 점 3개(...) 있는 걸 눌러주세요. 점 3개를 뭐라고 지칭해서 말해야 할지 잘 모르겠어서 설정으로 말하겠습니다. 설정을 클릭하면 지도 밑에 서식을 클릭해주시면 서식 창이 뜨는데, 바로 보이는 미리 작성한 서식을 클릭해주면 광고 넣기 끝입니다.

 

 

 

 

 

광고 쉽게 넣는 방법

원하는 위치에 광고가 제대로 들어갔는지 확인했으니까, 완료를 눌러서 글 작성을 완료해보겠습니다. 오른쪽 사진을 보시면 제가 광고를 넣은 위치인 "국제자격 인증을 받을 수 있습니다"와 "시험과목" 사이에 제대로 들어가 있는 걸 볼 수 있네요. 솔직히 직접 넣는 거랑 서식이랑 큰 차이가 없어 보일 수도 있는데. HTML모드로 변경해서 광고를 넣을 필요가 없이 서식으로 광고 넣는 것, 이 사소한 것 하나로 정말 편해집니다. 이건 100% 장담해요 ㅋㅋ

 

 

 

 

함께 보면 좋은 포스팅: Whatever 왓에버 스킨 헤더 고정하는 법│목록 상단 광고 부분 잘림 현상 해결까지

 

 

글 수정후 애드센스 광고 잘리는 현상

 

광고 짤림 현상

티스토리 블로그 운영하다 보면 글을 수정하고 할 일이 많을 텐데. 그때마다 포스팅 내 애드센스 광고가 잘려서 안 나오는 현상 자주 겪어보셨을 거라 생각하는데요. 아까 광고를 넣어둔 포스팅을 수정하고 다시 광고 위치를 확인해보니, 사진처럼 광고가 있던 위치에 있어야 하는 광고는 없고 공백만 생겼습니다. 원인은 정확히 모르지만, 글 수정하기에서 눈으로 확인해봐도 기본 모드에 있는 SCRIPT와 SCRIPT 사이에 공백이 생겨있고 HTML모드로 확인했을 땐 원래 넣었던 광고 코드가 변경되어 있는 걸 확인하실 수 있을 겁니다. 저도 처음엔 수정할 때마다 광고를 재설정해야 해서 너무 귀찮더라고요. 그땐 서식도 안 쓸 때라 HTML로 위치를 찾아서 넣어서 광고 넣는데만 1~2분을 소요했었습니다.

 

 

광고 짤림 현상

각설하고 광고 짤림 현상을 해결하는 방법을 바로 알려드리겠습니다. 우선, 서식관리에 들어가서 작성한 광고 서식을 들어가 주세요. 이전에 넣어둔 광고 서식을 확인하실 수 있는데. HTML모드로 변경해서 보시면 광고 코드를 복사해서 바로 넣을 때 왼쪽 편 사진처럼 나옵니다. 여기서 광고 잘리는 걸 해결하려면 오른쪽 사진처럼 광고 코드 상단에는 <div>를 넣고 하단에는 </div>를 넣어주시면 글 수정할 때마다 광고가 잘려서 애드센스 광고 재설정해야 하는 현상을 해결할 수 있습니다.

 

 

 

광고 짤림 현상

<div>와 </div> 사이에 광고 코드를 넣고 다시 원하는 위치에 광고를 설정했는데. 이제는 글을 수정해도 광고가 잘리는 현상이 사라진 걸 확인할 수 있습니다. 제가 서식으로 넣는 게 편해서 서식에 있는 광고 코드로 예시를 드린 거지, HTML모드에서 <div>와 </div> 입력하고 그 사이에 복사한 광고 코드를 넣는 방식으로 하셔도 되긴 해요. 여기까지 콘텐츠 내 애드센스 광고 쉽게 넣는 방법과 글 수정할 때마다 애드센스 광고 짤려서 안 나오는 현상 해결하는 방법을 알려드렸습니다. 그럼 20000, 포스팅 끝!

 

 

 

도움이 되셨다면 하트와 구독