서식을 이용한 애드센스 광고 코드 쉽게 넣는 방법

티스토리 블로그에 글을 작성 후 광고를 넣기 위해서는 구글 애드센스에서 생성한 광고 단위별 코드를 직접 넣어주어야 합니다. 광고코드가 스크립트로 되어있다 보니 코드에 익숙하지 않은 사람은 거부감이 들 수 있습니다. 이런 경우 서식을 이용하여 애드센스 광고 코드를 쉽게 넣는 방법에 대해 설명드리겠습니다.

 

 

서식을 이용한 애드센스 광고 코드 쉽게 넣는 방법

애드센스에서 만든 코드는 티스토리 블로그에 넣기 위해서는 애드센스 코드가 스크립트로 되어있기 때문에 기본모드에서는 넣을 수 없고 HTML편집모드에서 원하는 위치에 넣어줘야 합니다. 하지만 html코드에 익숙하지 않으면 원하는 부분에 코드를 넣기 위해서는 기본모드에서 광고를 넣기 원하는 곳에 [광고]처럼 대체할 문구를 넣어 주고 Html 편집모드에서 [광고]라고 표시된 부분을 스크립트로 붙여 넣기를 해야 합니다. 

하지만 서식을 이용하면 내가 원하는 위치에 기본모드에서 쉽게 붙여 넣을 수가 있어 편리하게 광고를 탑재할 수가 있습니다.

 

서식 만들기

서식을 만들기 위해 블로그 관리화면의 좌측 메뉴에서 서식관리 메뉴를 선택합니다.

 

 

 

우측 상단의 서식쓰기 버튼을 이용하여 새로운 서식을 작성하도록 합니다.

 

 

작성하는 서식을 쉽게 식별하기 위한 서식의 제목을 넣습니다. 서식 작성 화면은 티스토리 블로그 작성화면과 거의 동일하기 때문에 블로그의 글을 써보셨다면 서식 작성 환경이 낯설지는 않을 것입니다. 

애드센스 광고 코드를 넣어주기 위해 우측 상단의 기본모드를 선택 후 HTML로 변경합니다.

 

 

HTML모드로 변경이 완료되면 애드센스 광고코드를 복사하여 HTML 모드에 붙여 넣기를 합니다.

 

다시 기본모드로 돌아오면 위의 화면처럼 Script 코드가 들어가 있는 것을 확인할 수 있습니다. 

이 상태대로 하단의 완료버튼을 눌러 서식을 저장합니다.

 

 

 

새로운 글에 서식 넣는 방법

블로그 글을 새로 작성하면서 조금 전에 작성한 광고 서식을 불러오기 위해 상단의 더 보기 버튼을 눌러 서식 메뉴를 선택합니다.

 

블로그 글 작성 시 서식을 넣기 위해 서식 메뉴를 누르면 기존에 작성된 서식 목록을 볼 수 있으며 여기서 블로그 본문에 적용할 서식을 선택합니다.

 

블로그 기본모드에서 광고가 삽입된 모습입니다. 기존에 블로그 글 작성시 광고를 넣기 위해서는 광고 코드를 대체할 용어를 작성 후 최종적으로 저장할 때 광고 코드로 변환하는 불편함이 있었다면, 지금은 서식으로 광고 코드를 미리 생성해 두고 블로그에서 글을 작성시 배치하고 싶은 위치에다가 서식을 불러 선택만 하면 쉽게 광고를 배치할 수가 있습니다. 

 

이밖에도 다양한 광고단위의 광고를 서식으로 생성해 두고 넣고 싶은 위치에 광고를 배치한다면 광고를 어렵지 않게 넣을 수 있으니 서식 메뉴를 적극 활용해 보시기 바랍니다.