본문 바로가기
IT 정보

티스토리 서식으로 애드센스 광고 삽입하는 방법

by 가이드조과장 2023. 4. 26.

티스토리 서식으로 애드센스 광고를 삽입하면 번거로운 복사+붙여넣기의 단계를 줄이면서 블로그를 작성할 수가 있습니다. 이 방법을 알기 전까지는 바탕화면의 메모장에 구글 애드센스 광고 코드를 복사해뒀다가 블로그를 작성할 때 중간중간에 html 모드로 들어가서 광고를 삽입할 위치를 찾아서 복사한 코드를 붙여넣기를 해주고 다시 기본모드로 돌아오는 과정으로 애드센스 광고를 삽입했었습니다. 

 

 

 



 

이 과정을 모두 축약해서 한두번의 클릭만으로 원하는 위치에 딱 광고를 넣어가면서 블로그를 작성할 수 있는 팁을 알려드리겠습니다. 

 

티스토리서식으로_애드센스광고삽입
티스토리 서식으로 애드센스 광고 삽입하는 방법

 

티스토리 서식으로 애드센스 광고 삽입하기

우선 게시글에 삽입할 광고 코드를 먼저 준비해야합니다.


애드센스에서 광고 단위 기준 코드 복사

애드센스 홈페이지에서 광고 탭에서 광고 단위 기준 메뉴를 선택해주세요. 게시물 내에 삽입할 광고의 종류를 선택해서 광고 단위 기준을 생성하면 광고 코드도 생성되고 해당 광고 기준으로 통계를 확인할 수 있어서 추후에 광고 클릭 등의 분석에 사용하기 좋습니다.


애드센스에서_광고복사
애드센스에서 광고 코드 복사



저는 인피드 광고를 콘텐츠 중간에 삽입하는 광고로  준비했습니다. 광고를 생성하고 광고 삽입 위치로 이름을 작성해두면 어느 위치의 광고가 클릭률이 높은지 등의 통계를 확인할 때 용이합니다.

생성된 광고 단위가 하단에 뜨게 되는데 삽입하고자 하는 광고의 우측에 <> 표시를 누르면 html 코드를 복사할 수 있는 화면이 뜹니다. 해당 코드를 복사해서 블로그 게시글 작성할 때 html 모드에서 붙여넣기를 해주면 애드센스 광고가 삽입되는 것이죠.

 

 

 



 

저는 초반에는 멍청하게도 이 코드가 일시적인 코드인 줄 알고, 매번 글을 작성할 때마다 애드센스에 로그인을 해서 광고 코드를 복사를 해서 게시물 html 모드에서 광고 넣을 위치를 찾고, 그 위치에 광고 코드를 붙여넣기 했습니다.

광고 코드가 일시적인 게 아니라는 것을 확인하고 나서는 바탕화면의 메모장에 광고 코드를 복사해두고 글을 작성할 때마다 메모장에서 코드를 복사해서 사용했습니다. 확실히 그 전보다는 더 발전한(?) 방법이었죠. 하지만 이마저도 번거롭긴 마찬가지였습니다.

그런데, 티스토리 블로그에 코드를 저장해두었다가 글을 쓰면서 바로바로 삽입할 수 있는 방법이 있다는 것을 알게되었습니다.



 

 

 

티스토리 서식 만들기

티스토리에 서식이라는 메뉴를 써보셨나요? 반복되거나 자주 쓰는 포맷을 저장해두고 글을 쓸 때 불러와서 조금 더 편하게 작성하고자 할 때 사용을 하면 됩니다. 탬플릿과 같은 역할입니다. 한번 만들어두면 유용하고, 생각보다 어렵지 않으니 서식 추가하는 방법 확인하시고 이용해보시길 바랄게요.

블로그 관리 메뉴에서 콘텐츠 > 서식관리를 선택하고 서식 쓰기를 선택해서 서식 만들기를 시작합니다.


티스토리서식으로_애드센스광고삽입
Html모드에서 광고 코드 추가



서식쓰기 메뉴로 들어오면 블로그 글을 작성하는 것과 동일한 화면이 뜨게 됩니다. 광고 코드를 삽입해주기 위해 html 모드로 전환해주세요.

서식 추가


그리고 코드를 삽입해주시고, 일반 모드로 변경을 해주시면 광고가 삽입이 된 것을 볼 수가 있습니다.

어떤 서식인지 확인할 수 있도록 제목을 지정해준 후에 완료 버튼을 눌러 서식 추가를 마무리하면 됩니다. 이렇게 되면 서식으로 애드센스 광고 만들기가 끝난거에요! 어렵지 않죠?


티스토리서식으로_애드센스광고삽입
서식 추가 완료



저장을 완료하고 나가면 서식 관리 페이지에 방금 만든 서식이 추가가 된 것을 확인할 수가 있습니다. 이런 식으로 여러 개의 서식을 추가해서 글을 작성하실 때 활용하실 수 있습니다.


티스토리서식으로_애드센스광고삽입
게시물에 서식 추가



블로그 게시물를 작성하실 때 광고를 삽입하고자 하는 위치에 커서를 두시고 우측 상단에 점 세개 표시를 눌러서 서식 메뉴를 선택해주세요.



티스토리서식으로_애드센스광고삽입
서식 선택



그러면 앞에서 추가해뒀던 서식이 뜨는데, 해당 서식을 선택해줍니다.


티스토리서식으로_애드센스광고삽입
서식으로 광고가 삽입된 화면


바로 본문에 광고가 삽입이 되었습니다. 따로 html 모드로 들어가서 광고 삽입할 위치를 찾아서 광고 코드를 복사해와서 붙여넣기할 필요가 없습니다.


티스토리 서식으로 애드센스 광고 넣기를 해보시면, 서식을 만드는 수고를 한 번만 하면 광고 넣는 과정과 시간을 많이 절약해서 블로그 작성 시간을 단축할 수 있습니다.

728x90

댓글