본문 바로가기

IT/TISTORY 블로그 만들기

반응형 블로그(Fastboot) 본문 하단 글목록 좌측에 애드센스 광고 넣기

 본격적으로 블로그를 확장시키기 위해서 1일 1포스팅을 나름대로의 원칙으로 정하고 한 달이 지났습니다. 이 원칙을 지키면서 새 단장을 하기에는 시간이 촉박해서 애드센스의 광고 위치나 텐핑의 적용을 계속해서 미뤘던 것 같아 포스팅을 하나씩 하면서 정리해 나갈까 합니다.  애드센스 글목록 좌측에 넣는 방법을 설명하기에 앞서 나중에 한번 정리해서 글을 올릴 생각이지만 블로그를 처음 접하시는 분들이라면 꼭 알아두셔야 할 것들이 자신이 생각하고 있는 기술이라든가 형식이라든가 요즘엔 정보가 많다 보니 의지만 있다면 얼마든지 원하는 정보를 손에 넣을 수 있습니다.

 

 

 제가 원했던 하단에 글목록 좌측에 애드센스 광고를 넣기 위해서 찾아보던 중에 나름 애드센스 광고의 최적화 위치에 광고를 넣는 방법을 돈을 받고 알려주는 곳들이 종종 있었습니다. 정말 찾기가 귀찮아서 아니면 시간이 없어서 정보를 찾는데 시간을 투자할 수 없다면 어쩔 수 없다고 생각하지만 애드센스 광고를 올리는 이유가 수익 창출을 위해서 광고를 올리는데 티스토리를 포함하여 애드센스를 적용할 수 있는 블로거 중에서 초보자의 경우에는 콘텐츠가 굉장히 방대하고 인기가 좋아서 빠르게 성장하지 않는 이상 투자한 금액을 매우기까지 상당한 시간이 걸리고 그 정도의 최소한의 노력도 하지 않는 사람이 블로그를 키울 수 있는가는 만무하기 때문입니다.

 

 

 좌측 글 목록에 애드센스?

 

 

▲ TISTORY 관리 - HTML/CSS 편집을 클릭하여 편집 메뉴로 들어갑니다.

 

 

▲ F3이나 Ctrl + F를 눌러서 article_rep_desc를 입력한 후 찾기를 누르면 화면 오른쪽에 보이는 위치에 이동할 것입니다.

 

 

좌측 하단 목록 광고 삽입.txt

 

 

 

 

▲ 위에 있는 코드를 받아서 복사를 하고

 본격적으로 블로그를 확장시키기 위해서 1일 1포스팅을 나름대로의 원칙으로 정하고 한 달이 지났습니다. 이 원칙을 지키면서 새 단장을 하기에는 시간이 촉박해서 애드센스의 광고 위치나 텐핑의 적용을 계속해서 미뤘던 것 같아 포스팅을 하나씩 하면서 정리해 나갈까 합니다.  애드센스 글목록 좌측에 넣는 방법을 설명하기에 앞서 나중에 한번 정리해서 글을 올릴 생각이지만 블로그를 처음 접하시는 분들이라면 꼭 알아두셔야 할 것들이 자신이 생각하고 있는 기술이라든가 형식이라든가 요즘엔 정보가 많다 보니 의지만 있다면 얼마든지 원하는 정보를 손에 넣을 수 있습니다.

 

 

 제가 원했던 하단에 글목록 좌측에 애드센스 광고를 넣기 위해서 찾아보던 중에 나름 애드센스 광고의 최적화 위치에 광고를 넣는 방법을 돈을 받고 알려주는 곳들이 종종 있었습니다. 정말 찾기가 귀찮아서 아니면 시간이 없어서 정보를 찾는데 시간을 투자할 수 없다면 어쩔 수 없다고 생각하지만 애드센스 광고를 올리는 이유가 수익 창출을 위해서 광고를 올리는데 티스토리를 포함하여 애드센스를 적용할 수 있는 블로거 중에서 초보자의 경우에는 콘텐츠가 굉장히 방대하고 인기가 좋아서 빠르게 성장하지 않는 이상 투자한 금액을 매우기까지 상당한 시간이 걸리고 그 정도의 최소한의 노력도 하지 않는 사람이 블로그를 키울 수 있는가는 만무하기 때문입니다.

 

 

 좌측 글 목록에 애드센스?

 

 

▲ TISTORY 관리 - HTML/CSS 편집을 클릭하여 편집 메뉴로 들어갑니다.

 

 

▲ F3이나 Ctrl + F를 눌러서 article_rep_desc를 입력한 후 찾기를 누르면 화면 오른쪽에 보이는 위치에 이동할 것입니다.

 

 

좌측 하단 목록 광고 삽입.txt

 

 

 

 

▲ 위에 있는 코드를 받아서 복사를 하고 아랫부분에 붙여넣기를 한 후에 애드센스 광고 코드 부분에 본인의 광고 ID를 삽입하여 줍니다.

 

 

애드센스의 광고 코드를 삽입할 때 빨간색으로 지워진 부분의 코드, 위에서 언급한 애드센스 ID를 복사해서 위에 모자이크 된 부분만 복사해서 붙여넣기를 하면 적용이 완료됩니다.

 

 

 광고 삽입했는데 적용이 안된다면?

 

 

▲ 복사해서 애드센스 코드를 붙여 넣고 저장을 누른 후 확인을 해봤는데 위와 같이 적용이 안됐습니다. 원인을 찾기 위해서 한참을 코드를 지우고 확인하고를 반복하면서 작업한 끝에 찾을 수 있었습니다.

 

 

▲ 원인은 예전에 티스토리의 광고 적용 플러그인이 생기기 전에 사이드바에 광고를 넣기 위해서 만들어 두었던 코드인 카테고리 다른 글 위치 이동 2를 지우고 저장 후 확인을 해보았습니다.

 

 

아마도 카테고리 위치 이동 다른 글의 코드가 위에서 적용했던 카테고리의 다른 글목록의 애드센스 광고와 충돌해서 적용이 안 되었던 것 같습니다.

 그리고 이렇게 적용을 했을 경우 모바일에서는 글목록의 광고가 보이지 않게 설정이 되어있기 때문에 광고가 3개 이상을 올렸을 경우에도 표시가 되고 모바일에서는 불필요한 출력이 감소하기 때문에 속도도 빨라져서 보다 효율적으로 광고가 될 것입니다.

아랫부분에 붙여넣기를 한 후에 애드센스 광고 코드 부분에 본인의 광고 ID를 삽입하여 줍니다.

 

 

애드센스의 광고 코드를 삽입할 때 빨간색으로 지워진 부분의 코드, 위에서 언급한 애드센스 ID를 복사해서 위에 모자이크 된 부분만 복사해서 붙여넣기를 하면 적용이 완료됩니다.

 

 

 광고 삽입했는데 적용이 안된다면?

 

 

▲ 복사해서 애드센스 코드를 붙여 넣고 저장을 누른 후 확인을 해봤는데 위와 같이 적용이 안됐습니다. 원인을 찾기 위해서 한참을 코드를 지우고 확인하고를 반복하면서 작업한 끝에 찾을 수 있었습니다.

 

 

▲ 원인은 예전에 티스토리의 광고 적용 플러그인이 생기기 전에 사이드바에 광고를 넣기 위해서 만들어 두었던 코드인 카테고리 다른 글 위치 이동 2를 지우고 저장 후 확인을 해보았습니다.

 

 

아마도 카테고리 위치 이동 다른 글의 코드가 위에서 적용했던 카테고리의 다른 글목록의 애드센스 광고와 충돌해서 적용이 안 되었던 것 같습니다.

 그리고 이렇게 적용을 했을 경우 모바일에서는 글목록의 광고가 보이지 않게 설정이 되어있기 때문에 광고가 3개 이상을 올렸을 경우에도 표시가 되고 모바일에서는 불필요한 출력이 감소하기 때문에 속도도 빨라져서 보다 효율적으로 광고가 될 것입니다.