이것 또한 정말 대 공사일 것이다.
기본편과 고급편의 이해를 돕기 위해
현재 나의 스킨의 광고 부분 코드를 올린다.
table로 묶어서 td로 셀을 나누었다.
원래는 33%씩 나눠서 3개로
(마지막 광고는 일반컴과 모바일 중복)
쓰다가 이번에 다음 애드박스를 하단
배치하고 2개만 상단으로 올렸다.
상단과 하단 광고는
티스토리에서 모바일의 스킨 편집을
제약적으로만 제공하기 때문에
모바일 웹페이지에 광고를 삽입하려면
본문 HTML에 수동으로 넣어주어야한다.
하지만
이것도 문제가 추후에 티스토리에서
모바일 스킨 편집을 제공하게 된다면
본문 내용을 다 고쳐야하고
여간 골치 아픈 일이 아닐 것이다.
또한 올리던 광고가 맘에 안들어서
다른 광고로 바꾸고 싶다면
이것 또한 정말 대 공사일 것이다.
그래서 편집이 언제나 편하게 가능하고
추후 모바일 스킨 편집을 제공 했을 때,
스크립트 파일 안의 내용을 삭제 하더라도
전혀 본문에 영향을 끼치지
않기 위한 방법을 강구해 보았다.
모바일 광고 삽입하기(공통)
기본편과 고급편의 이해를 돕기 위해
현재 나의 스킨의 광고 부분 코드를 올린다.
table로 묶어서 td로 셀을 나누었다.
원래는 33%씩 나눠서 3개로
(마지막 광고는 일반컴과 모바일 중복)
쓰다가 이번에 다음 애드박스를 하단
배치하고 2개만 상단으로 올렸다.
상단과 하단 광고는
(본문)
위, 아래에 코딩을 하면 된다.
요즘 제트센스에서 글들을 보니
adsense에서 광고주위에 테두리와
광고와 본문간 간격에 태클을 걸고
있는 것 같아서 광고출력이후에
아래와 같이 띄워주게 했다.
받은 스크립트 파일은 각자의
구미에 맞춰 수정한 후 업로드를 해준다.
그리고 파일에 우클릭을 하고
새창으로 열게 되면
주소창에 파일의 절대경로가 나온다.
? 뒤에 부분은 지워서 사용하자.
마지막으로 글쓰기를 마친 후
HTML을 눌러서 제일 위에 저렇게
소스를 넣어주면 된다.
나중에 오픈 API로 루프를 돌려서
삭제할 때 편하라고 줄간격을 벌려놨다.
타이핑 귀찮은 분을 위해 첨부파일을
blogAD.txt
모바일 광고 삽입하기(기본편)
adsense.js
첨부된 파일을 받아서 메모장으로 열고
아래와 같이 코드를 자신의 광고에 맞게
수정하면된다. document.write 명령어가
혹시 생소한 분을 위해서 adsense코드
위 아래에 HTML 태그는 남겨두었다.
자신의 블로그에 맞게 수정하길.
위 자바소스만으로 광고가 삽입된다.
모바일 광고 삽입하기(고급편)
mobileADs.js
첨부된 파일을 메모장으로 열어보면
아래와 같이 코딩을 해놨다.
이 소스를 응용해보면
1. 모바일에서만 보이기
2. 모바일에서는 안 보이기
3. 데스크탑과 모바일에 각각
다른 광고 보이기가 가능하다.
1번과 3번은
요즘에 뜨고있는 애드포스트에
사용되기 적합하지 않을까 한다.
1번은 if 구문에서 { 부터 }안의 내용을
삭제하거나 부등호를 >= 0으로 바꾸고
else {}부분을 삭제 하면 된다.
2번은 else {} 내용을 삭제하면된다.
3번은 소스 그대로 이다. 만약 반대로
출력하고 싶어졌다면 부등호만
>=0로 바꾸면 된다.
리얼클릭과 애드젯 코드
혹시 필요한 분들이 있을테니
아래 소스는 리얼클릭과 애드젯에
해당하는 코드이다. 자신의 코드와
비교해서 다른 부분만 고쳐서 넣자.
다른 광고는 접해보지 못했으나
첨부파일과 같이 자바 소스부분은
그대로적고 <script>부분만
따옴표와 +로 바꿔주면 된다.
리얼센스와애드젯 .js
(본문)
위, 아래에 코딩을 하면 된다.
요즘 제트센스에서 글들을 보니
adsense에서 광고주위에 테두리와
광고와 본문간 간격에 태클을 걸고
있는 것 같아서 광고출력이후에
아래와 같이 띄워주게 했다.
받은 스크립트 파일은 각자의
구미에 맞춰 수정한 후 업로드를 해준다.
그리고 파일에 우클릭을 하고
새창으로 열게 되면
주소창에 파일의 절대경로가 나온다.
? 뒤에 부분은 지워서 사용하자.
마지막으로 글쓰기를 마친 후
HTML을 눌러서 제일 위에 저렇게
소스를 넣어주면 된다.
나중에 오픈 API로 루프를 돌려서
삭제할 때 편하라고 줄간격을 벌려놨다.
타이핑 귀찮은 분을 위해 첨부파일을
blogAD.txt
adsense.js
첨부된 파일을 받아서 메모장으로 열고
아래와 같이 코드를 자신의 광고에 맞게
수정하면된다. document.write 명령어가
혹시 생소한 분을 위해서 adsense코드
위 아래에 HTML 태그는 남겨두었다.
자신의 블로그에 맞게 수정하길.
위 자바소스만으로 광고가 삽입된다.
