{{htmlmetatags>
metatag-description=(도쿠위키, DokuWiki, 위키, Wiki, 플러그인, Plugin, 커스터마이징, Customizing, 오픈 소스, Open Source, 카카오애드핏, 애드핏, AdFit, 반응형 광고)
metatag-og:description=(도쿠위키, DokuWiki, 위키, Wiki, 플러그인, Plugin, 커스터마이징, Customizing, 오픈 소스, Open Source, 카카오애드핏, 애드핏, AdFit, 반응형 광고)
}}

====== AdFit ======
===== 기능 설명 =====
  * 카카오애드핏은 공식적으로 반응형 광고 단위를 지원하지 않음
  * CSS 미디어 쿼리를 활용하여 PC/모바일 환경에 따라 자동으로 광고가 노출되도록 커스터마이징

===== 커스터마이징 =====
<sxh html; gutter: true; first-line: 46; highlight: [46-77]; title: conf/meta.html;>
<!-- 카카오애드핏 -->
<style>
.ad-adfit-pc {
	display: none;
}

.ad-adfit-mobile {
	display: none;
}

@media screen and (min-width: 801px) {
	.ad-adfit-pc {
		display: block;
	}

	.ad-adfit-mobile {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.ad-adfit-pc {
		display: none;
	}

	.ad-adfit-mobile {
		display: block;
	}
}
</style>
<script type="text/javascript" src="//t1.kakaocdn.net/kas/static/ba.min.js" async></script>
<!-- //카카오애드핏 -->
</sxh>

<sxh html; gutter: true; highlight: [1-8]; title: conf/pageheader.html;>
<!-- 카카오애드핏 -->
<div class="ad-adfit-mobile">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-uCoX3Nv9fPaiC2mH"
	data-ad-width = "320"
	data-ad-height = "100"></ins>
</div>
<!-- //카카오애드핏 -->
</sxh>

<sxh html; gutter: true; highlight: [1-14]; title: conf/pagefooter.html;>
<!-- 카카오애드핏 -->
<div class="ad-adfit-pc" style="margin-top:6px;">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-n9YTFT0FiNdcCyWi"
	data-ad-width = "728"
	data-ad-height = "90"></ins>
</div>
<div class="ad-adfit-mobile" style="margin-top:8px;">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-zlwD249GnskVdX8E"
	data-ad-width = "320"
	data-ad-height = "100"></ins>
</div>
<!-- //카카오애드핏 -->
</sxh>

<sxh html; gutter: true; highlight: [1-8]; title: conf/sidebarfooter.html;>
<!-- 카카오애드핏 -->
<div class="ad-adfit-pc" style="margin-top:5px;margin-left:5px;">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-GhlkefQp1GdcfmSS"
	data-ad-width = "160"
	data-ad-height = "600"></ins>
</div>
<!-- //카카오애드핏 -->
</sxh>

{{tag>"도쿠위키" "DokuWiki"}}