본문 바로가기
Blog/책

[티스토리] 광고넣기 - 플러그인 사용 (Adsense 삽입)

by NAMP 2017. 3. 7.

[티스토리] 광고넣기 - 플러그인 사용 (Adsense 삽입)

한 페이지에 3개의 이미지 광고와 4개의 링크 광고가 가능하다.

플러그인 사용

스킨 변경에 무관하게 사용할 수 있다. 광고를 유지한체 스킨을 변경할 수 있다.

사용할 플러그인은 2가지 이다. (Google Adsense (반응형) , 배너출력)

Google Adsense (반응형)

반응형

플러그인 설정 → 수익 → Google Adsense (반응형)

3가지 위치중 원하는 형태를 선택한다.

Google Adsense (데스크탑 웹용) 플러그인을 사용하면 정해진 크기의 광고만 사용해야 하므로 반응형을 선택한다. 그리고 그 안에 코드는 원하는 크기의 광고를 삽입한다. 반응형도 되고 다른 크기의 광고도 된다.

상단 부분에 336 * 280 크기의 광고를 넣어본다. (코드는 구글 애드센스에서 복사해 온다.)

광고가 왼쪽으로 정렬되므로, ins 태그를 감싸는 div태그를 생성한다. 그리고 중앙 정렬을 위해서 style="text-align:center;" 스타일을 적용한다.

<div style="text-align:center;">
  <ins> ...  </ins>
</div>

하단 부분에는 반응형 광고 코드를 삽입한다. 물론 다른 크기의 광고도 가능하다.

배너출력

배너출력

플러그인 설정 → 관리 및 통계 → 배너출력

해당 플러그인을 활성화 하면 사이드바 메뉴에서 이미지 배너출력, HTML 배너출력을 볼 수 있다.

배너출력 이동

이 중에서 HTML 배너출력을 오른쪽으로 이동시키고 편집을 선택한다.

소스입력

이름과 HTML 소스를 입력하고 확인을 누른다.

사이드바

사이드바에 삽입되는 광고로는 300 x 600 큰 스카이스크래퍼도 괜찮다.

동일한 방법으로 html 배너출력을 더 추가하여 링크 광고 삽입도 가능하다.

링크광고

'Blog > ' 카테고리의 다른 글

[스킨] CCZ-CROSS 스킨 이미지 썸네일 출력  (0) 2017.03.16
[티스토리] 광고넣기 - javascript 사용  (0) 2017.03.08
15분 의지  (0) 2016.02.08
[메모] 노트 사용법  (0) 2016.02.06
티스토리 #1 스킨 수정하기  (0) 2016.01.09

댓글