반응형

티스토리 유료스킨 JB 131 본문 상단에 애드센스 광고 두 개 넣기

728x90

안녕하세요 로마입니다. 오늘은 제가 적용한 티스토리 유료스킨 JB SKIN 131 본문 상단에 애드센스 광고 두 개 넣는 방법에 대해서 알려드리려고 합니다. 물론 공식 사이트에 설명서가 있지만 제가 직접 해보니 설명서의 내용은 너무 간략해서 조금 버벅거렸거든요..ㅠㅠ 

그래도 사이트는 링크로 올려놓겠습니다!

https://www.jbfactory.net/jb-skin-manual/jb-skin-131-v070-manual#i-6

 

JB SKIN 131 V0.7.0 설명서 – JB FACTORY

스킨 등록 티스토리 관리자에서 스킨을 등록합니다. (스킨 등록하는 방법) 설정 모바일웹 연결 설정 [꾸미기 – 모바일]에서 티스토리 모바일웹 자동 연결을 [사용하지 않습니다.]로 설정한 후 [변경사항 저장]을 클릭합니다. 화면 출력 설정 [꾸미기 - 스킨 편집]을 클릭합니다. [홈 화면 글 수]를 정합니다. 첫화면에 그 개수만큼 글이 표시됩니다. [글 목록 글 수]를 정합니다. 카테고리, 태그 등을 클릭했을 때 그 개수만큼 글이 표시됩니다. [글 목록 형

www.jbfactory.net

 

이제 저와 함께 본문 상단에 애드센스 광고를 넣어볼까요?

 


이건 공식사이트 설명서입니다. HTML 코드예요... 너무 간략해서 뭐가 뭔지 한참 찾았습니다ㅠㅠ 저처럼 HTML 지식이 전혀 없으신 분들을 위해 설명드리는 것이니 이미 잘 아시는 분들은 넘기셔도 좋을 거 같아요!

 

 

저처럼 HTML 지식이 전혀 없으신 분들을 위해 쉽게 차근차근 설명해드리겠습니다 ㅎㅎ

저만 믿고 잘 따라오세요!

 

 

블로그관리 - 꾸미기 - 스킨 편집을 들어갑니다. 유료스킨으로 변경하면 스킨 편집을 사용할 날이 참 많아요. 코드를 변경해야 하는데 이게 쉬운 거 같으면서도 어렵습니다..ㅠㅠ

 

 

 

그러면 이렇게 우측에 스킨 편집 창이 뜹니다. 빨간색 상자로 표시한 html 편집을 누릅니다.

 

 

 

위 이미지는 제가 상단에 공식사이트의 설명서에서 자른 겁니다. 하나씩 차근차근 따라오세요!

 

 

 

스킨 편집에서 html 편집을 클릭하면 코드들이 쭈욱 나오는데 저 코드를 찾아야 합니다. 빨간색 상자를 수정합니다.

 

 

이렇게 말이죠! 쉽죠? 0 -> Yes, 1 ->No 하니까 애드센스 광고 두 개를 하려면 0으로 바꾸라는 얘기입니다.

 

 

 

저는 여기부터 조금 버벅댔습니다.. 대체 data-ad-client가 뭐지..? 제가 이해력이 떨어져서 그럴지도 모르겠네요..ㅠㅠ

 

 

알고 보면 참 별 거 아닙니다. 광고 코드 복사하는 것은 대부분 다 알고 계시죠? 광고를 만들고 코드 복사하는 창을 띄우면 위쪽 빨간색 상자에 data-ad-client 라는 코드가 있습니다. data-ad-client= 뒤에 있는 것을 복사해서 내 스킨편집 html 코드에 붙여주면 됩니다. 그다음도 같이 해볼까요?

 

data-ad-slot의 값.. 이게 뭘까 싶지만 애드센스 광고 코드에서 data-ad-client 값 바로 밑에 있습니다!

 

 

 

이게 수정 후의 모습입니다. 광고 코드는 사적인 것이라 가릴 수밖에 없었어요..ㅠㅠ 

 

 

 

다 수정하고 나면 우측 상단의 적용 버튼을 누릅니다. 다 됐습니다!!!

 

 

이게 적용 후 제 블로그의 모습입니다. 본문 상단 광고가 두개가 되어서 광고 효과가 더욱 좋아질 거 같죠?? 

 

이렇게 티스토리 유료스킨 JB SKIN 131에 본문 상단 광고 두 개 넣는 방법에 대해 알아봤습니다. 감사합니다.

 

반응형

이 글을 공유하기

댓글(5)

Designed by JB FACTORY