clickTag 코드 생성기
플랫폼을 고르고 크기를 입력한 뒤, clickTag가 준비된 HTML을 복사하세요. 각 플랫폼의 표준 코드이며, 확인해야 할 점에 대한 안내도 함께 나옵니다. clickTag는 클릭했을 때 이동할 주소를 담는 변수입니다.
플랫폼
사용하기 전에고전적인 clickTag 패턴입니다. clickTag 변수와 클릭할 때 window.open을 씁니다. 많은 플랫폼이 받아들이지만, 사용하는 플랫폼이 무엇을 기대하는지 확인하세요.[PLACEHOLDER: 플랫폼 공식 문서 링크 · 검증 날짜 [날짜]]
플랫폼이 게시할 때 이 주소를 바꿉니다. 테스트용으로 아무 주소나 넣으세요.
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "https://www.example.com";
</script>
<style>
html, body { margin: 0; width: 300px; height: 250px; overflow: hidden; }
#exit { position: absolute; inset: 0; display: block; cursor: pointer; }
</style>
</head>
<body>
<a id="exit" href="#" onclick="window.open(window.clickTag, '_blank'); return false;" aria-label="Más información"></a>
<!-- tu banner -->
</body>
</html>
사용 방법
1 · 플랫폼 선택clickTag 방식 또는 Studio(Enabler) 방식을 고르세요.
2 · 크기 입력ad.size 태그와 스타일에 쓰입니다.
3 · 코드 복사index.html에 붙여넣고 배너를 그 안에 넣으세요.
4 · 테스트보내기 전에 clickTag 테스트 도구에 올려 보세요.
도구에 대한 질문
도구는 무료인가요?
네. 비용 없이 원하는 만큼 사용할 수 있습니다.
어떤 파일이 필요한가요?
검토 도구는 HTML5 배너가 든 .zip 파일을 요구합니다. 기본 .html 파일과 그 리소스가 들어 있어야 합니다. 나머지 도구는 파일이 필요 없습니다.
다른 도구로 만든 배너에도 쓸 수 있나요?
네. BannerMotion으로 만든 배너만이 아니라 어떤 HTML5 배너도 검토할 수 있습니다.
제 파일은 어딘가에 저장되나요?
검토는 브라우저에서 이루어집니다. 예외가 하나 있습니다. 배너가 외부 리소스(예: 웹 폰트)를 요청하면, 미리 보기에서 보는 동안 브라우저가 그 사이트에 해당 리소스를 요청합니다.
계정이 필요한가요?
아니요. 어떤 도구도 계정을 요구하지 않습니다. 사이즈 가이드에서 이메일은 선택 사항입니다.