돈이 되는 티스토리 구글 광고 설정법

구글 애드센스 승인 후 수익이 좋은 광고 설정 방법인 사이드 광고 고정형 설정 방법과 수동으로 광고를 넣은 방법을 정리했습니다.

티스토리화면

클릭률이 좋은 고정형 사이드 광고 설정 방법

사이드바 광고는 글을 내리면 광고는 따라서 위로 올라가는 반면 고정형 사이드바는 위 왼쪽 사진처럼 글을 밑으로 스크롤하더라도 광고는 왼쪽 광고는 고정으로 움직이지 않기 때문에 그만큼 클릭률이 월등합니다. 고래 스킨에서 적용방법을 설명하겠습니다.

• 먼저 고래 스킨과 사이드바가 설정되어 있어야 합니다. 사이드바 설정은 아래의 화면을 따라 하시면 쉽게 할 수 있습니다. 아시는 분은 이 부분은 건너뛰십시오.

티스토리화면

• 왼편의 수익 밑 에드센스 관리를 클릭하시면 오른쪽의 화면이 나오고 사이드바를 클릭하고 1,2번을 오른쪽으로 밀면 사이드바를 쉽게 설정할 수 있습니다.

사이드바를 설정하였으면 글을 밑으로 내려도 움직이지 않는 고정형 사이드 광고 설정 방법을 설명하겠습니다.

티스토리

• 위 사진 왼편의 1번 스킨 편집을 클릭

스킨편집

• 2번 html 편집을 클릭

css화면

• 3번 CSS 클릭하고 CTRL+F를 누르면 검색창이 나오고 거기에다가 #container #main #sidebar을 입력하여 엔터키를 칩니다.
• 그러면 아래의 코드가 보일 겁니다.

CSS사이드

• 위 코드가 보이면 지우고 그 자리에

#container #main #sidebar {

margin-left: 15px;

max-width: 300px;

align-self: flex-start;

top: 2rem; flex:1;

position: sticky;

position: -webkit-sticky;

}

margin-left: 15px;

max-width: 300px;

align-self: flex-start;

top: 2rem; flex:1;

position: sticky;

position: -webkit-sticky;

}

을 입력하면 글을 내려도 고정되어 있는 사이드 바를 보실 수 있습니다.

돈이 되는 왼쪽 사이드바 광고 설정법

옷의 로고는 항상 왼쪽 가슴에 새기듯이 책을 읽을 때 사람의 시선은 항상 왼쪽으로 먼저 갑니다. 그래서 광고도 왼쪽에 위치했을 때 클릭률이 월등히 좋습니다. 오른쪽에서 왼쪽으로 사이드바를 옮기는 방법을 안내하겠습니다.

• 위해서 진행한 방법으로 꾸미기의 스킨 편집, html 편집 순으로 클릭하고 CSS로 들어갑니다. 여기까지는 위의 방법과 동일합니다.

티스토리

• 1번 행에 엔터를 몇 번 치고 빈 공간을 만들어 줍니다.

• 위 사진처럼 빈 공간에 다음 코드를 갖다 붙이기 하고 오른쪽 상단의 적용을 클릭합니다.

@media only screen and (min-width: 930px)

{

#main {

    flex-direction: row-reverse;

}

#container #main #sidebar {

    margin-left: 0;

}

#container #main #content {

    margin-left: 15px;

}

}

티스토리

위 사진처럼 사이드 광고가 왼쪽으로 이동합니다.

티스토리 구글 애드센스 수동 광고 설정법

처음에 자동으로 사이드 광고 설정법을 잠깐 보여드렸습니다. 그러나 수동으로 광고를 설정하는 방법이 훨씬 클릭률이 막강합니다.

• 구글 애드센스로 갑니다.

구글애드센스

• 위 사진처럼 1번 광고, 2번 광고 단위 기준, 3번 디스플레 이순으로 클릭합니다. 그러면 아래와 같은 화면이 나옵니다.

구글애드센스

• 위 사진처럼 4번에 글 중간광고를 적고 5번 사각형, 6번 반응형 순으로 클릭합니다. 그러면 아래와 같은 광고 코드가 생성되고

구글애드센스

• 7번 코드를 복사합니다.

티스토리

• 글 중간 원하는 곳에 위 사진의 광고, 광고처럼 입력을 합니다.

티스토리

• 위 사진처럼 티스토리 오른쪽 상단의 기본 모드에서 HTML모드로 가서 CTRL+F를 누르면 위처럼 검색창에다가 광고를 적고 검색하면 광고를 적은 위치를 찾을 수 있습니다.

티스토리

• 위 사진처럼 위에서 복사한 광고 코드를 광고와 광고 사이에 복사합니다.

티스토리

• 광고와 광고 코드, 광고 사이에 엔터를 각각 쳐서 빈 공간을 만듭니다.
• 여기서 중요한 것은 광고 코드가 잘 깨지므로 위 노란 동그라미 안에는 <div> 입력하고 밑 부분에는 </div>를 아래의 사진처럼 입력합니다.

티스토리

• 그리고 오른쪽 상단의 기본 모드를 클릭해서 좀 전에 적었던 광고를 백스페이스로 지워주면 아래와 같은 수동 광고가 완성됩니다.

티스토리

 

티스토리

앞으로 함부로 예금 적금 못 넣는다

예금 적금을 들면 피부양자 탈락 건보료 폭탄