[구글 애드센스] 광고 삽입 방법 (2. HTML삽입, 서식으로 삽입)

■ 구글 애드센스 광고를 원하는 위치에 삽입하고 싶어요. 

구글 애드센스를 간편하게 삽입하는 방법은 플러그인을 통해 코드를 삽입하여 어떤 글이든 똑같은 위치에 광고가 보이도록 설정하는 것입니다. 처음 광고를 삽입하시는 분들은 광고 방법 관련글 참고하시면 될 것 같아요. (※관련글 : 구글 애드센스 광고 자동 삽입 방법 - 모바일 / 반응형) 

글을 쓰다보면 글 중간 중간에 광고를 삽입하고 싶습니다. 광고 배치고 내 맘대로 해보고도 싶고 위치도 조절하고 싶기도 하구요. 그럴 경우의 아래의 HTML을 통한 광고 삽입이나 서식을 이용하여 광고를 삽입할 수 있습니다. 광고 코드를 생성하는 방법은 구글 애드센스의 광고단위에 들어가서 설정하는 방법으로 동일합니다. 

▲1. 보통 디스플레이 광고와 콘텐츠 내 자동 삽입 광고를 많이 사용하구요. 저는 콘텐츠 내 자동 삽입 광고로 해보겠습니다.

▲2. 광고의 제목과 내용의 색상을 지정할 수 있는데요. 제가 해봤는데 큰 의미가 없습니다. 실제로 저 색깔로 나오지 않으니 설정없이 바로 저장 및 코드 생성해도 괜찮습니다.

▲3. 코드가 생성 되었습니다. 코드를 복사하여 티스토리 블로그로 넘어오겠습니다.

▲4. 글을 쓰고 있는 모습인데요. 저는 해당 글의 "안 팔기도 하구요" 뒤에 광고를 붙이고 싶습니다. 글자를 기억해 놓구요. 위에 빨간색으로 표시해놓은 HTML을 클릭합니다.

▲5. 그러면 글과 함께 HTML을 편집할 수 있어요. 안 팔기도 하구요 라는 글이 어디에 있는지 찾았습니다. 글이 끝나는 </span></p> 뒤에 복사한 광고 코드를 그대로 복붙 해볼게요. 

▲6. 글을 발행한 후에 광고가 어떻게 삽입 됐는지 볼 수 있습니다. "안 팔기도 하구요" 바로 밑에 광고가 아주 잘 삽입이 되어있네요.

▲7. 서식을 이용해서 광고를 삽입해 볼게요. 저도 맨처음에는 잘 몰라서 HTML로 하나하나 글귀 찾아서 광고 삽입을 편집했었는데요. 이게 노가다 더라구요. 너무 힘들어요! 

Ctrl + F로 글자 찾아서 다시 복사 붙여넣기... 저란 여자 너무 융통성 없이 광고 삽입을 했습니다...흑흑. 동일하게 HTML을 이용해서 광고를 중간중간에 삽입하는 방식인데요. 서식을 하나 만들어 놓으면 글을 쓰는 중간중간에 클릭 한번으로 광고 삽입이 가능합니다. 블로그의 서식관리로 들어갑니다.

▲8. 서식 쓰기를 들어가서 서식을 만들어 줍니다.

▲9. 이름은 텍스트 중간광고(수평 반응형) 이라고 스스로 알아보기 쉬운 이름으로 제목을 지정해줍니다. 그리고 HTML을 클릭합니다.

▲10. 그러면 위의 노가다 방식과 비슷하게 HTML을 편집할 수 있습니다. 여기에 복사한 코드를 그대로 붙여 넣어 줍니다. 저는 어떤 광고든 글의 중간 정렬을 하고 싶어서 <center> </center>를 추가했습니다. 센터 안붙이셔도 광고 삽입되니까 걱정 안하셔도 됩니다.

▲11. 새 글을 하나 써볼게요. 쓰고 싶은 내용의 글을 막 써줍니다. 그리고 저는 화살표 밑에 광고를 삽입하고 싶어졌어요. 오른쪽 하단에 보면 서식이 있고요. 아까 제가 "텍스트 중간광고"라는 이름으로 만든 서식도 잘 보여지네요. 

먼저 커서를 화살표 쪽에 둡니다. 그리고 텍스트 중간광고를 한번 클릭해줍니다. 그리고 계속 글을 써나가볼게요. 서식은 HTML로 편집을 한 부분이라 글을 쓸 때는 아무것도 보이지 않습니다. 당황하지 마세요. 글을 발행하고 나면 광고가 짠하고 나타나게 될 것입니다. 

▲12. 화살표 밑에 커서를 두고 서식을 눌렀을 때는 글에 아무것도 안보이더니, 실제로 발행된 글에는 광고가 아주 잘 삽입이 되어있습니다. 이런식으로 글 중간중간에 서식을 클릭만 해주면 어느 위치든 광고를 삽입할 수 있게 됩니다. 광고 삽입, 참~ 쉽죠잉^^

포스팅이 도움 되셨다면 공감 / 댓글 부탁 드려요 :D