본문 바로가기
이야기들

애드센스 수동광고 적용하기/ 티스토리 블로그

by 사라매 2024. 6. 9.
반응형

 

애드센스 수동광고는 포스팅글 안에 자신이 원하는 위치와 수량만큼 배치할 수 있다는 장점이 있습니다.

하지만, 직접 광고를 설정하고, HTML을 복사해 서식쓰기까지 해야 하는 번거로움은 있습니다. 

 

구글 애드센스 사이트에서 수동광고 설정하기

 

Google 애드센스 사이트를 접속하여, 왼쪽 메뉴 중에서 '광고'를 클릭합니다.

애드센스 사이트 메뉴사진

 

 

넘어간 페이지의 오른쪽 화면에서 '광고 단위 기준'를 클릭해 줍니다.

 

광고 단위 기준 화면

 

보통 디스플레이 광고인아티클 광고를 자신의 활용법에 따라 선택하여 사용하는 것으로 알고 있는데,

저 같은 경우 고정형 수동광고를 자주 사용하기 때문에 디스플레이 광고를 주로 활용합니다. 

 

반응형과 고정형 선택 화면

 

위의 오른편 맨 위 칸에 저장할 '광고단위 이름'을 기입해 주세요. 

그 아래에 있는 '반응형'은 자동으로 크기가 조정되도록 하기 원할 때 사용하고, 

'고정'은 자신이 직접 크기를 정하기 원할 때 사용합니다.  

여기서는, '고정'을 적용하여 700*100크기로 만들어 보도록 하겠습니다. 

 

고정형 수동광고 만들기 화면

 

위와 같이 기입하고 오른쪽 하단의 '만들기'를 눌러줍니다. 

수동광고 코드 생성화면

 

 

왼쪽 하단에 있는 '복사하기'를 눌러 생성된 코드를 복사해 준 후, 오른쪽 하단의  '완료'를 눌러줍니다.

 

블로그 설정하기

 

 

블로그관리 화면서식쓰기 화면

 

 

 

 

티스토리 블로그관리 홈에서 '서식관리'를 누른 후, 다음화면에서 '서식쓰기'를 눌러줍니다.  

 

서식쓰기 화면서식쓰기 html화면

적당한 서식제목을 기입해 주고, HTML 편집 화면으로 들어가 애드센스 사이트에서 생성된 광고코드를 붙여넣기 해 줍니다.  이 때 붙여넣은 코드 위쪽에 <div>를 적고,제일 아래줄에 </div>를 넣어 줍니다. 

'완료'를 눌러 서식을 저장해 줍니다. 

 

 

수동광고 사용 방법

 

글쓰기에서 서식설정 화면 서식 설정에서 수동광고 선택화면

 

글쓰기를 할 때 수동광고를 넣을 위치에 커서를 두고,  위의 ...부분을 눌러 서식을 선택해 줍니다.  

서식 화면에서 위에서 설정한 수동광고 서식을 클릭합니다. 

 

수동광고 삽입 화면

 

그러면, 위와 같이 광고가 붙은 것을 확인할 수 있습니다. 

 

참고로, 아래 사진은 애드센스 사이트에서 광고형식 설정시, 각각 '고정형'으로 우리가 설정한 크기의 수동광고를 적용했을 때와 '반응형'으로 설정하였을 때의 적용화면을 보여주는 것이니 참고 바랍니다.  

고정형 설정시 광고 화면
고정형 수동광고 화면
반응형 수동광고 적용시 화면
반응형 수동광고 화면

 

 

 

 

반응형