구글 광고 코드에 대해서 옵션을 줄 수 있는데, 글색, 배경색, 링크색, 테두리, 맞춤 채널, 광고ID, 광고 유형(텍스트,이미지)를 선택할 수 있는 방법이 있습니다. 이 방법에는 크게 동기, 비동기 코드에 대해 코드를 추가할 수 있습니다.
1. 동기식 광고 코드
<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxx";
/* 300x250중간 직사각형 */
google_ad_slot = "xxxxxx";
google_ad_width = 300;
google_ad_height = 250;
/* 여기에 추가 */
//-->
</script>
속성 | 값 |
google_ad_client | 애드센스 게시자 ID (ex: ca-pub-xxxxxxx) |
google_ad_slot | 애드센스 광고 ID |
google_ad_width | 광고 가로 사이즈 |
google_ad_height | 광고 세로 사이즈 |
google_ad_type | 광고 유형 (text, image, text_image) |
google_ad_channel | 애드센스 맞춤 채널 ID |
google_language | 애드센스 광고 로케이션 (ex: ko - 한국광고만) |
google_color_border | 애드센스 광고 경계선색 |
google_color_bg | 애드센스 광고 배경색 |
google_color_link | 애드센스 광고 제목색 |
google_color_text | 애드센스 광고 글자색 |
google_color_url | 애드센스 광고 URL 주소글색 |
2. 비동기식 광고 코드
<!-- 300x250중간 직사각형 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-xxxxxxx"
data-ad-slot="xxxxxxx"
<!-- 여기에 추가 -->
></ins>
속성 | 값 |
data-ad-client | 애드센스 게시자 ID (ex: ca-pub-xxxxxxx) |
data-ad-slot | 애드센스 광고 ID |
data-ad-width | 광고 가로 사이즈 (미확인) |
data-ad-height | 광고 세로 사이즈 (미확인) |
data-ad-type | 광고 유형 (text, image, text_image) |
data-ad-channel | 애드센스 맞춤 채널 ID |
data-language | 애드센스 광고 로케이션 (ex: ko - 한국광고만) |
data-color-border | 애드센스 광고 경계선색 |
data-color-bg | 애드센스 광고 배경색 |
data-color-link | 애드센스 광고 제목색 |
data-color-text | 애드센스 광고 글자색 |
data-color-url | 애드센스 광고 URL 주소글색 |
※ 트래픽이 많은 곳이라면 비동기 코드를 삽입하여 페이징 속도를 높이는 것도 나쁘지 않은 것 같습니다.
