본문 바로가기
수익형 블로그 만들기/애드센스

구글 애드센스 - 티스토리 본문 상단 광고 2개 및 본문 하단 광고 설정 방법

by 투잡인생
반응형

티스토리 블로그를 하는 이유가 구글 애드센스 수익을 얻기 위해서입니다. 애드센스 수익을 늘리기 위해서는 방문자수를 높이는 것뿐만 아니라, 광고를 적절하게 배치하여 방문자의 클릭을 유도할 수 있어야 합니다. 구글애드센스를 티스토리 본문 상단에 광고 2개를 수동으로 설정하여 애드센스 수익을 늘리는 방법에 대해서 알려드리고자 합니다. 모바일모드에서는 자동으로 광고가 1개만 나오도록 설정되어 있습니다. 

 

티스토리 본문상단광고

 

 

 

 

 

 

 

티스토리 애드센스 광고 만들기 

티스토리 본문 상단에 게제할 광고 2개를 먼저 만들어야 합니다. 디스플레이 광고 2개를 반응형으로 넣어주면 됩니다.

 

1  애드센스 홈페이지에 접속하여, 광고 탭에서 광고 단위 기준을 클릭합니다. 그리고 디스플레이 광고를 클릭합니다. 

애드센스 광고설정

 

2  좌측 상단에 광고 단위 이름을 적어줍니다. 저는 '블로그이름_본문상단광고#1' 이런 식으로 이름을 적었습니다. 광고 형식은 '사각형' '반응형'으로 선택한 뒤에 만들기 버튼을 클릭합니다. 

애드센스_광고_만들기

 

 

 

 

 

 

 

 

3  아래 그리머럼 HTML 코드가 표시됩니다. 아래에 코드 복사 버튼을 클릭하여 저장을 눌러주면 광고를 만드는 과정은 모두 끝났습니다. 아래에 노란색 바탕의 2개의 숫자코드가 필요합니다. 나중에 이 숫자코드를 이용할 예정입니다. 

애드센스광고

 

 

 

 

 

 

 

티스토리 삽입 HTML 코드 만들기

4  아래의 코드를 복사합니다. 위의 코드를 메모장에 일단 복사를 합니다. 그리고 자신의 애드센스 광고 코드로 대체해야 합니다. 애드센스 광고를 2개 삽입할 예정이므로, 광고 코드도 2개 들어갑니다. ca-pub-숫자 이런 형식은 자신의 애드센스 계정 고유번호입니다. 그리고 아래 숫자는 제작한 광고의 고유 숫자번호입니다. 

<!-- 구글 애드센스 본문 상단 광고 2개 시작 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}
@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle post-top-first"
data-ad-client="ca-pub-6467859378939570"
data-ad-slot="1651345697"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle post-top-second"
data-ad-client="ca-pub-6467859378939570"
data-ad-slot="5345683707"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 구글 애드센스 본문 상단 광고 2개 끝 -->

 

 

 

 

 

 

 

티스토리 Html 코드삽입

이제 티스토리 관리 탭에서 Html 편집에 위의 코드를 삽입해야 합니다. 

5  티스토리 블로그 관리탭으로 이동합니다. 그리고 Httml 편집으로 이동합니다. 

애드센스광고티스토리 Html 코드삽입

그리고 HTML 항목을 클릭합니다. 여기에 작성한 코드를 삽입할 예정입니다. 

티스토리 애드센스 광고설정 본문상단 수정

 

 

 

 

 

 

 

 

6  북클럭 스킨 기준으로 아래와 같은 곳에 입력을 하시면 됩니다. 약 코드 넘버 300번대에서 찾으시면 됩니다. 

<div class="entry-content">

본문상단 광고 코드 삽입 위치 

반응형

티스토리 블로그를 하는 이유가 구글 애드센스 수익을 얻기 위해서입니다. 애드센스 수익을 늘리기 위해서는 방문자수를 높이는 것뿐만 아니라, 광고를 적절하게 배치하여 방문자의 클릭을 유도할 수 있어야 합니다. 구글애드센스를 티스토리 본문 상단에 광고 2개를 수동으로 설정하여 애드센스 수익을 늘리는 방법에 대해서 알려드리고자 합니다. 모바일모드에서는 자동으로 광고가 1개만 나오도록 설정되어 있습니다. 

 

티스토리 본문상단광고

 

 

 

 

 

 

 

티스토리 애드센스 광고 만들기 

티스토리 본문 상단에 게제할 광고 2개를 먼저 만들어야 합니다. 디스플레이 광고 2개를 반응형으로 넣어주면 됩니다.

 

1  애드센스 홈페이지에 접속하여, 광고 탭에서 광고 단위 기준을 클릭합니다. 그리고 디스플레이 광고를 클릭합니다. 

애드센스 광고설정

 

2  좌측 상단에 광고 단위 이름을 적어줍니다. 저는 '블로그이름_본문상단광고#1' 이런 식으로 이름을 적었습니다. 광고 형식은 '사각형' '반응형'으로 선택한 뒤에 만들기 버튼을 클릭합니다. 

애드센스_광고_만들기

 

 

 

 

 

 

 

 

3  아래 그리머럼 HTML 코드가 표시됩니다. 아래에 코드 복사 버튼을 클릭하여 저장을 눌러주면 광고를 만드는 과정은 모두 끝났습니다. 아래에 노란색 바탕의 2개의 숫자코드가 필요합니다. 나중에 이 숫자코드를 이용할 예정입니다. 

애드센스광고

 

 

 

 

 

 

 

티스토리 삽입 HTML 코드 만들기

4  아래의 코드를 복사합니다. 위의 코드를 메모장에 일단 복사를 합니다. 그리고 자신의 애드센스 광고 코드로 대체해야 합니다. 애드센스 광고를 2개 삽입할 예정이므로, 광고 코드도 2개 들어갑니다. ca-pub-숫자 이런 형식은 자신의 애드센스 계정 고유번호입니다. 그리고 아래 숫자는 제작한 광고의 고유 숫자번호입니다. 

<!-- 구글 애드센스 본문 상단 광고 2개 시작 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}
@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle post-top-first"
data-ad-client="ca-pub-6467859378939570"
data-ad-slot="1651345697"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle post-top-second"
data-ad-client="ca-pub-6467859378939570"
data-ad-slot="5345683707"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 구글 애드센스 본문 상단 광고 2개 끝 -->

 

 

 

 

 

 

 

티스토리 Html 코드삽입

이제 티스토리 관리 탭에서 Html 편집에 위의 코드를 삽입해야 합니다. 

5  티스토리 블로그 관리탭으로 이동합니다. 그리고 Httml 편집으로 이동합니다. 

애드센스광고티스토리 Html 코드삽입

그리고 HTML 항목을 클릭합니다. 여기에 작성한 코드를 삽입할 예정입니다. 

티스토리 애드센스 광고설정 본문상단 수정

 

 

 

 

 

 

 

 

6  북클럭 스킨 기준으로 아래와 같은 곳에 입력을 하시면 됩니다. 약 코드 넘버 300번대에서 찾으시면 됩니다. 

<div class="entry-content">

본문상단 광고 코드 삽입 위치 



본문하단 광고 코드 삽입 위치 

</div>
<s tag_label>

본문광고송출하단

▲ 다른 곳에 넣으시면 본문 상단에 광고가 송출되지 않습니다. 한 번 넣어보시고 위치를 조정해 보시는 것도 방법입니다. 

 

본문 하단 멀티플렉스 광고 설정

본문하단에 멀티플레스 광고를 설정할 수 있습니다. 위의 그림을 참고하시기 바랍니다.  의 아래에 멀티플렉스 광고 코드를 삽입하시면 본문 하단에 광고가 송출됩니다. 

본문 하단 멀티플렉스 광고 설정

아래에 멀티플렉스 하단 광고를 수동삽입하였습니다. 북클럽 기준으로 작성되었구요. 기존의 애드센스관리의 본문 하단 광고 설정도 그래도 이용하시기 바랍니다. 

 

 

 

 

 

 

 

티스토리 애드센스 광고설정 본문상단 수정

7  이제 모든 작업이 끝나갑니다. 티스토리 관리에 들어갑니다. 애드센스 수익관리 탭 광고설정 메뉴에서 본문 상단의 수정 버튼을 클릭합니다. 수정 버튼은 토글스위치 옆으로 마우스를 가져다 대면 수정 버튼이 나타납니다. PC는 사용 안 함, 모바일은 반응형으로 설정하신 후에 저장하시기 바랍니다. 

티스토리 애드센스 광고설정 본문상단 수정

▲ 이제 본문 상단에 광고를 2개 송출되는 것을 확인하실 수 있습니다. 본문 상단 광고를 사용 안 함으로 할 수도 있습니다. 사용안함으로 설정하고 며칠 사용하였고, 이제 모바일만 반응형으로 설정해서 사용해 보도록 할 예정입니다. 

 

 

 

 

 

 

 

마치며...

아래와 같이 본문 상단에 광고가 2개 송출되는 것을 확인하실 수 있습니다. 광고가 2개 이므로 클릭확률이 더 높다고 합니다. 실제로 제가 이번에 광고를 2개 송출하는 것으로 변경한 후에 애드센스 수익률이 2배 정도 늘어난 것 같습니다. 여러분들도 한 번 시도해 보시기 바랍니다. 

티스토리 애드센스 광고설정 본문상단 수정

 

많은 도움이 되셨나요? 요즘 애드센스 수익이 조금 저조합니다. 광고 2개로 송출을 바꾼 후에 수익률이 2배 정도 늘어난 것을 확인할 수 있었습니다. 유의미한 수익 변화를 발견하고, 이제 적극적으로 광고 클릭 확률을 높이기 위해, 광고 배치를 적절히 하는 방법에 대해서 연구해 보도록 하겠습니다. 좋은 결과를 보면 바로 포스팅하도록 하겠습니다. 많은 도움이 되었으면 좋겠습니다. 감사합니다.

반응형


본문하단 광고 코드 삽입 위치 

</div>
<s tag_label>

본문광고송출하단

▲ 다른 곳에 넣으시면 본문 상단에 광고가 송출되지 않습니다. 한 번 넣어보시고 위치를 조정해 보시는 것도 방법입니다. 

 

본문 하단 멀티플렉스 광고 설정

본문하단에 멀티플레스 광고를 설정할 수 있습니다. 위의 그림을 참고하시기 바랍니다.

반응형

티스토리 블로그를 하는 이유가 구글 애드센스 수익을 얻기 위해서입니다. 애드센스 수익을 늘리기 위해서는 방문자수를 높이는 것뿐만 아니라, 광고를 적절하게 배치하여 방문자의 클릭을 유도할 수 있어야 합니다. 구글애드센스를 티스토리 본문 상단에 광고 2개를 수동으로 설정하여 애드센스 수익을 늘리는 방법에 대해서 알려드리고자 합니다. 모바일모드에서는 자동으로 광고가 1개만 나오도록 설정되어 있습니다. 

 

티스토리 본문상단광고

 

 

 

 

 

 

 

티스토리 애드센스 광고 만들기 

티스토리 본문 상단에 게제할 광고 2개를 먼저 만들어야 합니다. 디스플레이 광고 2개를 반응형으로 넣어주면 됩니다.

 

1  애드센스 홈페이지에 접속하여, 광고 탭에서 광고 단위 기준을 클릭합니다. 그리고 디스플레이 광고를 클릭합니다. 

애드센스 광고설정

 

2  좌측 상단에 광고 단위 이름을 적어줍니다. 저는 '블로그이름_본문상단광고#1' 이런 식으로 이름을 적었습니다. 광고 형식은 '사각형' '반응형'으로 선택한 뒤에 만들기 버튼을 클릭합니다. 

애드센스_광고_만들기

 

 

 

 

 

 

 

 

3  아래 그리머럼 HTML 코드가 표시됩니다. 아래에 코드 복사 버튼을 클릭하여 저장을 눌러주면 광고를 만드는 과정은 모두 끝났습니다. 아래에 노란색 바탕의 2개의 숫자코드가 필요합니다. 나중에 이 숫자코드를 이용할 예정입니다. 

애드센스광고

 

 

 

 

 

 

 

티스토리 삽입 HTML 코드 만들기

4  아래의 코드를 복사합니다. 위의 코드를 메모장에 일단 복사를 합니다. 그리고 자신의 애드센스 광고 코드로 대체해야 합니다. 애드센스 광고를 2개 삽입할 예정이므로, 광고 코드도 2개 들어갑니다. ca-pub-숫자 이런 형식은 자신의 애드센스 계정 고유번호입니다. 그리고 아래 숫자는 제작한 광고의 고유 숫자번호입니다. 

<!-- 구글 애드센스 본문 상단 광고 2개 시작 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}
@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle post-top-first"
data-ad-client="ca-pub-6467859378939570"
data-ad-slot="1651345697"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle post-top-second"
data-ad-client="ca-pub-6467859378939570"
data-ad-slot="5345683707"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 구글 애드센스 본문 상단 광고 2개 끝 -->

 

 

 

 

 

 

 

티스토리 Html 코드삽입

이제 티스토리 관리 탭에서 Html 편집에 위의 코드를 삽입해야 합니다. 

5  티스토리 블로그 관리탭으로 이동합니다. 그리고 Httml 편집으로 이동합니다. 

애드센스광고티스토리 Html 코드삽입

그리고 HTML 항목을 클릭합니다. 여기에 작성한 코드를 삽입할 예정입니다. 

티스토리 애드센스 광고설정 본문상단 수정

 

 

 

 

 

 

 

 

6  북클럭 스킨 기준으로 아래와 같은 곳에 입력을 하시면 됩니다. 약 코드 넘버 300번대에서 찾으시면 됩니다. 

<div class="entry-content">

본문상단 광고 코드 삽입 위치 



본문하단 광고 코드 삽입 위치 

</div>
<s tag_label>

본문광고송출하단

▲ 다른 곳에 넣으시면 본문 상단에 광고가 송출되지 않습니다. 한 번 넣어보시고 위치를 조정해 보시는 것도 방법입니다. 

 

본문 하단 멀티플렉스 광고 설정

본문하단에 멀티플레스 광고를 설정할 수 있습니다. 위의 그림을 참고하시기 바랍니다.  의 아래에 멀티플렉스 광고 코드를 삽입하시면 본문 하단에 광고가 송출됩니다. 

본문 하단 멀티플렉스 광고 설정

아래에 멀티플렉스 하단 광고를 수동삽입하였습니다. 북클럽 기준으로 작성되었구요. 기존의 애드센스관리의 본문 하단 광고 설정도 그래도 이용하시기 바랍니다. 

 

 

 

 

 

 

 

티스토리 애드센스 광고설정 본문상단 수정

7  이제 모든 작업이 끝나갑니다. 티스토리 관리에 들어갑니다. 애드센스 수익관리 탭 광고설정 메뉴에서 본문 상단의 수정 버튼을 클릭합니다. 수정 버튼은 토글스위치 옆으로 마우스를 가져다 대면 수정 버튼이 나타납니다. PC는 사용 안 함, 모바일은 반응형으로 설정하신 후에 저장하시기 바랍니다. 

티스토리 애드센스 광고설정 본문상단 수정

▲ 이제 본문 상단에 광고를 2개 송출되는 것을 확인하실 수 있습니다. 본문 상단 광고를 사용 안 함으로 할 수도 있습니다. 사용안함으로 설정하고 며칠 사용하였고, 이제 모바일만 반응형으로 설정해서 사용해 보도록 할 예정입니다. 

 

 

 

 

 

 

 

마치며...

아래와 같이 본문 상단에 광고가 2개 송출되는 것을 확인하실 수 있습니다. 광고가 2개 이므로 클릭확률이 더 높다고 합니다. 실제로 제가 이번에 광고를 2개 송출하는 것으로 변경한 후에 애드센스 수익률이 2배 정도 늘어난 것 같습니다. 여러분들도 한 번 시도해 보시기 바랍니다. 

티스토리 애드센스 광고설정 본문상단 수정

 

많은 도움이 되셨나요? 요즘 애드센스 수익이 조금 저조합니다. 광고 2개로 송출을 바꾼 후에 수익률이 2배 정도 늘어난 것을 확인할 수 있었습니다. 유의미한 수익 변화를 발견하고, 이제 적극적으로 광고 클릭 확률을 높이기 위해, 광고 배치를 적절히 하는 방법에 대해서 연구해 보도록 하겠습니다. 좋은 결과를 보면 바로 포스팅하도록 하겠습니다. 많은 도움이 되었으면 좋겠습니다. 감사합니다.

반응형
 
의 아래에 멀티플렉스 광고 코드를 삽입하시면 본문 하단에 광고가 송출됩니다. 

본문 하단 멀티플렉스 광고 설정

아래에 멀티플렉스 하단 광고를 수동삽입하였습니다. 북클럽 기준으로 작성되었구요. 기존의 애드센스관리의 본문 하단 광고 설정도 그래도 이용하시기 바랍니다. 

 

 

 

 

 

 

 

티스토리 애드센스 광고설정 본문상단 수정

7  이제 모든 작업이 끝나갑니다. 티스토리 관리에 들어갑니다. 애드센스 수익관리 탭 광고설정 메뉴에서 본문 상단의 수정 버튼을 클릭합니다. 수정 버튼은 토글스위치 옆으로 마우스를 가져다 대면 수정 버튼이 나타납니다. PC는 사용 안 함, 모바일은 반응형으로 설정하신 후에 저장하시기 바랍니다. 

티스토리 애드센스 광고설정 본문상단 수정

▲ 이제 본문 상단에 광고를 2개 송출되는 것을 확인하실 수 있습니다. 본문 상단 광고를 사용 안 함으로 할 수도 있습니다. 사용안함으로 설정하고 며칠 사용하였고, 이제 모바일만 반응형으로 설정해서 사용해 보도록 할 예정입니다. 

 

 

 

 

 

 

 

마치며...

아래와 같이 본문 상단에 광고가 2개 송출되는 것을 확인하실 수 있습니다. 광고가 2개 이므로 클릭확률이 더 높다고 합니다. 실제로 제가 이번에 광고를 2개 송출하는 것으로 변경한 후에 애드센스 수익률이 2배 정도 늘어난 것 같습니다. 여러분들도 한 번 시도해 보시기 바랍니다. 

티스토리 애드센스 광고설정 본문상단 수정

 

많은 도움이 되셨나요? 요즘 애드센스 수익이 조금 저조합니다. 광고 2개로 송출을 바꾼 후에 수익률이 2배 정도 늘어난 것을 확인할 수 있었습니다. 유의미한 수익 변화를 발견하고, 이제 적극적으로 광고 클릭 확률을 높이기 위해, 광고 배치를 적절히 하는 방법에 대해서 연구해 보도록 하겠습니다. 좋은 결과를 보면 바로 포스팅하도록 하겠습니다. 많은 도움이 되었으면 좋겠습니다. 감사합니다.

반응형

 

댓글