애드센스 상단 두개 PC와 모바일 함께 설치하기
간만에 간단한 애드센스 팁입니다. 요즘 블로그들을 돌아다니다보면, 가장 많이 하고 있는 설치 형태가 본문 상단 2개인데요. 그냥 본문 상단 2개를 설치하는 건 어렵지 않지만, 이걸 어떻게 모바일에서도 정상 출력할 수 있을까에 대해서는 많은 분들이 어려워 하십니다.
이번 포스팅에서 정리할 내용은 다음과 같습니다. 애드센스를
1) PC에서는 상단 두개가 노출되도록
2) 모바일에서는 상단 하나가 노출되도록
하는 방법입니다. 그럼 시작해볼까요? 먼저 티스토리 관리자 페이지의 HTML 수정으로 들어가주세요.
그리고 위와 같이 본문 영역을 찾아 본문 영역 위에 다음과 같은 소스를 넣어주세요. 참고로 본문 영역은
애드센스 상단 두개 PC와 모바일 함께 설치하기
간만에 간단한 애드센스 팁입니다. 요즘 블로그들을 돌아다니다보면, 가장 많이 하고 있는 설치 형태가 본문 상단 2개인데요. 그냥 본문 상단 2개를 설치하는 건 어렵지 않지만, 이걸 어떻게 모바일에서도 정상 출력할 수 있을까에 대해서는 많은 분들이 어려워 하십니다.
이번 포스팅에서 정리할 내용은 다음과 같습니다. 애드센스를
1) PC에서는 상단 두개가 노출되도록
2) 모바일에서는 상단 하나가 노출되도록
하는 방법입니다. 그럼 시작해볼까요? 먼저 티스토리 관리자 페이지의 HTML 수정으로 들어가주세요.
그리고 위와 같이 본문 영역을 찾아 본문 영역 위에 다음과 같은 소스를 넣어주세요. 참고로 본문 영역은 입니다.
<div style="float:right; margin:0 0 0 0">
애드센스 코드
</div>
위의 애드센스 코드 부분에 자신의 애드센스 코드를 넣어주시면 됩니다.
위의 코드는 본문 상단에, 오른쪽으로 애드센스를 설치한다는 내용입니다. 애드센스가 오른쪽에 설치되어 있다면 모바일에서는 어떻게 보일까요? 그렇습니다. 모바일에서는 해상도로 인해서 오른쪽 애드센스는 보이지 않게됩니다. 그럼 이제, 본문 위에 왼쪽 애드센스만 설치한다면 PC에서는 두개, 모바일에서는 한 개의 광고가 출력되겠지요?
남은 왼쪽 광고는 다음과 같이 설치해주시면 됩니다. 글쓰기로 들어가주세요.
글을 다 쓰신 후, HTML체크 후 맨 위에 왼쪽 애드센스 코드를 넣어주시면 됩니다. 말 그대로 코드만 딱 복사해서 붙여넣으시면 됩니다. 참 쉽지요?
이렇게 애드센스를 넣어주셨다면 이제 PC에서 두개, 모바일에서는 하나의 광고가 출력되게 됩니다. 그럼 이것으로 애드센스 상단 두개 PC와 모바일 함께 설치하기 포스팅을 마치겠습니다. 궁금하신 점은 언제든지 댓글로 달아주세요. 감사합니다.
<div style="float:right; margin:0 0 0 0">
애드센스 코드
</div>
위의 애드센스 코드 부분에 자신의 애드센스 코드를 넣어주시면 됩니다.
위의 코드는 본문 상단에, 오른쪽으로 애드센스를 설치한다는 내용입니다. 애드센스가 오른쪽에 설치되어 있다면 모바일에서는 어떻게 보일까요? 그렇습니다. 모바일에서는 해상도로 인해서 오른쪽 애드센스는 보이지 않게됩니다. 그럼 이제, 본문 위에 왼쪽 애드센스만 설치한다면 PC에서는 두개, 모바일에서는 한 개의 광고가 출력되겠지요?
남은 왼쪽 광고는 다음과 같이 설치해주시면 됩니다. 글쓰기로 들어가주세요.
글을 다 쓰신 후, HTML체크 후 맨 위에 왼쪽 애드센스 코드를 넣어주시면 됩니다. 말 그대로 코드만 딱 복사해서 붙여넣으시면 됩니다. 참 쉽지요?
이렇게 애드센스를 넣어주셨다면 이제 PC에서 두개, 모바일에서는 하나의 광고가 출력되게 됩니다. 그럼 이것으로 애드센스 상단 두개 PC와 모바일 함께 설치하기 포스팅을 마치겠습니다. 궁금하신 점은 언제든지 댓글로 달아주세요. 감사합니다.
'IT > 인터넷 이야기' 카테고리의 다른 글
Tumblr Introduction - Why a tumblr? (0) | 2013.02.24 |
---|---|
애드센스 팁 - 구글 애드센스 티타임 후기 (10) | 2013.02.22 |
알집 다운로드 및 사용법 (0) | 2013.02.22 |
블로그 바이블 :: 검색 누락 확인 방법 (8) | 2013.02.17 |
애드센스 레벨 초보부터 고수까지 (12) | 2013.02.09 |
블로그 바이블 :: 다음뷰 공략 (5) | 2013.02.09 |
블로그 바이블 :: 트랙백 항공모함 (0) | 2013.02.07 |