배치인상단광고2가지모 바일에서는 하나의 티스토리에 구글 애드센스 효율적 광고

애드센스를 기르도록 해 돗타라

광고 배치에 대해 고민하게 되었다

티스토리 플러그인을 보시면

PC, 모바일, 반응형 3가지 형태로

설정하여 광고를 내보낼 수 있다

그러면 상단과 하단에

PC도 모바일도 2편씩 광고를 할 수 있다고 합니다.

처음에 애드 센스를 달고

광고가 많은 것이 좋다고 생각하고.

설정이 끝났는데

클릭은 있어도 이상한 수익이 없었습니다.

 

 

그래서 알아보면 광고가 많으면

수익률은 떨어질 것 같아요.

또 수익을 올리기 위해서는

광고 배치가 중요하다고 합니다.

하지만 나는 방문자도 없으니

보기 쉽도록 728 x 90사이즈로 바꾸고 두었습니다.

뭔가 눈에 잘 띄지 않는 것 같아서.

조사했더니 336x280 사이즈가 광고 수익이 좋다는 이야기가 많다는 것을 발견했습니다.

그래서 나름대로 큰 블로그에서는 이 사이즈를 자주 이용한다고 합니다.

그리고 또 하나 발견한 것은 많은 블로그가

상단에 광고를 2장씩 붙여놨어요.

플러그 인 설정에는 상기의 2개의 방법은 특별히 없습니다.

플러그인을 확인해도

하단에는 광고가 2개 있는데요

상단에는 없는... 뭐지?어떻게 했을까...

그리고 저렇게 설정을 해도

모바일로 보면 두 개 연속으로 나오기 때문에

상단에서도 그러면 좋지 않은 영향을 준다는 것을 발견했어요.

어쩌면... 그동안 제가 광고를 많이 붙여놨기 때문에

좋지 않은 영향을 끼쳤을지도 모른다는 생각이 들었습니다.

근데 이게 왜 상단에 두 개를 붙일지 궁금하기 시작했고

알아보니 PC버전에서는 상단광고가 2개 나오는데,

모바일에서는 하나가 나온대요

그래서 찾아서 저에게도 적용해 보기로 했어요.

PC에서는 이 2장이 나오는데

모바일로는 하나로 줄어듭니다.

그래서 열심히 검색을 시작했어요

찾아서 설정을 했는데

화면 사이즈가 이상하면

광고가 나열돼서 2개도 아니고 1개도 아니고

묘하게 위아래로 배치되는 것을 발견했어요.

이렇게...

화면이 줄어들면 하나로 바꿔야 되는데

제가 설정한 건 그렇게 되지 않아요.

물론 몇 개의 블로그에서 일어나고 있는 증상인 것 같습니다.

대신 자주 적용되는 블로그에서 알려준 방법을 사용해도

제 블로그에서는...

계속 저런 증상이 나타났던...

그래서 HTML을 모르지만 수정해 보기로 했다.

근데 ㅋㅋㅋ

몰랐어

수치를 변경할 정도로 이상한 결과만…

 

수치 바꾸는 건 포기하고

다른 블로그를 열심히 찾아봤다.

단념할까 생각했으나 그래도 만약을 위해 계속 찾아 헤맸다

그리고 결국 내 블로그에도 적용되는 HTML 코드를 찾았어!

출처는 leeys.tistory.com 이 사이트이다.<!--광고 삽입 : 글 -상단1,상단2 START-> <div align="center"> <style>.myads1 {width:320px;height:250px;}.myads2 { display : none ; } @ media ( min - width : 450px ) { . myads 1 { width : 336px ; height : 280px ; } } @ media ( min - width : 1100px ) { . myads 2 { width : 336px ; height : 280px ; } } < / style > < script async = "" src = " // pagead2.googlesyndication.com/pagead/js/adsbygoogle.js " > < / script > < span > < ! -- 광고 삽입 : 글 - 상단 1 ( 반응형 디스플레이 ) -- > < ins class = " adsbygoogle myads 1 " style = " display : inline - block " data - ad - client = " @@@ 클라이언트 ID @@@ " data - ad - slot = " @@@ 상단 1 광고 ID @@@ " > < / ins > < script > ( adsbygoogle = window . adsbygoogle || [ ] ) . push ( { } ) ; < / script > < / span > < span style = " margin - left : 20px ; " > < ! -- 광고 삽입 : 글 - 상단 2 ( 반응형 디스플레이 ) -- > < ins class = " adsbygoogle myads 2 " style = " display : inline - block " data - ad - client = " @@@ 클라이언트 ID @@@ " data - ad - slot = " @@@ 상단 2 광고 ID @@@ " > < / ins > < script > ( adsbygoogle = window . adsbygoogle || []) .push({}); <script> <span> <div> </!--광고 삽입: 문-상단 1, 상단 2END->해당 코드이다. 출처는 상기 블로그이다.

애드센스로 광고를 만들면 된다

그러면 마지막으로

이렇게 나오는데

저희가 써야 될 부분은

data-da-layout-key= "인피드 광고 스타일"

data-ad-client = "자신의 애드센스 ID"

data - ad - slot = "광고 코드 번호" 이다.

이것을 기초로 위에 첨부된 코드에 채워 넣으세요

광고 하나만 만들어서 같이 써도 될 것 같아서

나는 굳이 그렇게 하지 않았다

그리고 다시 티스토리로 가서

설정 - 플러그인 - 반응형

만들 때는 디스플레이로 하고

PC로 설정을 해야 될 것 같았는데

반응형으로 가서 설정해야 한다는 것이다.

반응형으로 위의 코드를 붙이면

적용되는 것을 확인할 수 있다.

크기에 따라 한두 개로 나온다

원래 PC와 모바일 광고도 따로 사용했지만,

광고 개수를 줄여보려고 했어요.

어차피... 수익도 안 나니까...

적게 하자.

그리고 하단에는 두 개보다 한 개의 광고를 붙이는 것이 효과적이라고 합니다.

스킨에 따라 약간의 차이가 있을수 있으니

저랑 다를 수도 있어요