티스토리 유료스킨 JB 131 본문 상단에 애드센스 광고 두 개 넣기
- *티스토리 꿀팁
- 2020. 4. 12. 16:00
안녕하세요 로마입니다. 오늘은 제가 적용한 티스토리 유료스킨 JB SKIN 131 본문 상단에 애드센스 광고 두 개 넣는 방법에 대해서 알려드리려고 합니다. 물론 공식 사이트에 설명서가 있지만 제가 직접 해보니 설명서의 내용은 너무 간략해서 조금 버벅거렸거든요..ㅠㅠ
그래도 사이트는 링크로 올려놓겠습니다!
https://www.jbfactory.net/jb-skin-manual/jb-skin-131-v070-manual#i-6
이제 저와 함께 본문 상단에 애드센스 광고를 넣어볼까요?
이건 공식사이트 설명서입니다. 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에 본문 상단 광고 두 개 넣는 방법에 대해 알아봤습니다. 감사합니다.
'*티스토리 꿀팁' 카테고리의 다른 글
애드센스 주소 입력 / 주소를 확인하지 않아 지급이 보류중입니다 (2) | 2020.08.20 |
---|---|
내 티스토리에 나오는 광고를 미리 알수 있다?/애드센스 광고 검토와 차단하는 방법 (3) | 2020.04.13 |
티스토리 유료스킨으로 변경 후 배너 광고 재설정하기 (3) | 2020.04.12 |
티스토리 유료스킨 JB SKIN 131 적용 방법과 후기/유료스킨을 사용하는 이유 (6) | 2020.04.11 |
애드센스 광고 글 중간에 넣기/ 쉽고 빠르게 가운데 정렬까지 (27) | 2020.03.12 |
이 글을 공유하기