Design workroom

티스토리에 애드센스 광고 넣기 :서식/html코드/상하단광고 본문

티스토리 활용

티스토리에 애드센스 광고 넣기 :서식/html코드/상하단광고

Leenahee 2019. 4. 23. 13:05
반응형

 

 

 

티스토리 홈페이지에

애드센스 광고 넣기

 

 

 

티스토리 시작 후

바로 애드센스 가입과 승인을 받았어요~

물론 매일 컨텐츠를 작성해

승인 받기위한 준비도 꾸준히 했구요~ ;)

 

 

 

현재 사이트 등록 상황

 

 

티스토리 사이트를 3개 등록한 상황~

기존 1개는 꾸준히 활동했구요,

최근 2개를 추가한 상황입니다.

 

 

1. 티스토리 사이트 등록하기

 

애드센스

https://www.google.com/adsense

 

애드센스 가입후

왼쪽 사이드바에서 사이트 선택

 

 

 

티스토리 사이트 주소를

복사해 넣어주세요~

 

 

 

그리고 화면 아래로 이동하면

블라블라~~ 코드가 보이는데

이걸 복사해 둡니다~~

마지막으로 완료를 눌러주세요~

 

 

 

 

 

2. 티스토리 스킨 편집

 

그리고 티스토리 관리페이지로 이동합니다~

왼쪽 사이드바에서

꾸미기 - 스킨편집 클릭

html 편집 클릭

 

 

 

 

<head></head> 사이에

애드센스에서 복사해 둔 코드를 넣어줍니다~

아래처럼 </head> 앞쪽에

붙여줘도 되구요~

<head></head> 사이에만

넣어주면 OK~

 

 

 

 

 

티스토리에

상하단 광고 등록하기

 

 

티스토리에 글을 작성할 때마다

자동으로 광고가 붙도록

서식을 만들어 등록하는 방법입니다.

 

 

1. 애드센스 광고단위 만들기

https://www.google.com/adsense

 

광고 - 광고단위 - 새 광고 단위 클릭

 

티스토리 반응형 스킨에 맞는

광고단위를 만들어 줄께요~

 

 

 

텍스트 및 디스플레이 광고 클릭

 

 

 

 

광고단위 이름을

마음대로 넣어줍니다~ ^^

 

 

 

 

저장 및 코드 생성을 클릭합니다~

광고단위 목록에서

생성한 광고이름 아래에 있는

코드 가져오기를 클릭합니다~

 

 

 

그러면 아래와 같은 코드가 뜨는데요~

이 코드는 복사해 둡니다~

이 코드를

티스토리 상하단 광고로 넣어줄 거에요~

 

 

2. 티스토리에 광고 코드 넣기

 

티스토리 설정으로 돌아가

사이드 메뉴에서 플러그인을 클릭~

 

 

다양한 플러그인 중

구글 애드센서(반응형)을

선택합니다~

 

 

 

 

광고를 상하단에 넣어줄께요~

상하단 형을 클릭하면

아래쪽에 코드를 넣을 수 있는 란이 두개 뜹니다~

두곳에 복사해 둔 코드를 붙여줍니다~

 

 

 

저는 애드센스에서

티스토리상단, 티스토리 하단 광고단위를

따로 만들어 소스를 붙여줬어요~

그러지 않아도 될 듯 합니다~~

하나만 만드셔도 괜찮을 듯~

 

 

 

 

3. 티스토리 서식 만들기

 

 

티스토리에 글을 쓸 때마다

자동으로 광고가 붙도록 서식을 작성해 볼께요.

티스토리 설정 화면에서

콘텐츠 - 서식관리 클릭

 

 

 

 

서식쓰기 클릭

 

 

 

제목을 정하고

우측 상단에 있는 HTML을 클릭합니다~

 

 

 

 

 

 

아래 코드를 복사해 붙여주고

발행하면 끝~!!! @,@

 

 

 

<!-- 티스토리상단 -->
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>







<!-- 티스토리 하단 -->
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 

순서대로만 하시면

어려울 게 없어요~ :)

 

 

 

 

반응형

'티스토리 활용' 카테고리의 다른 글

카카오 스토리채널 소식받기 버튼 달기  (0) 2019.06.24
티스토리에 애드센스 콘텐츠 내 자동 삽입 광고 적용하는 방법  (0) 2019.06.12
티스토리에 애드센스 광고 넣기 :서식/html코드/중간광고  (0) 2019.04.25
'티스토리 활용' Related Articles more
Comments