Skip to content

스크립트 추가

코드앤버터는 기본 스크립트 방식SDK 방식을 제공합니다.

  • 기본 스크립트 방식은 사용하기 간단하며 자동으로 실행됩니다.
  • SDK 방식은 수동으로 제어할 수 있으며, 모든 기능을 사용할 수 있습니다.

TIP

특별한 기능이 필요하지 않은 경우 기본 스크립트 방식을 권장합니다.

기본 스크립트 방식

js
<script src="https://buttr.dev/butter.js" data-site-id="SITE-ID" async></script>
  1. HTML 코드에서 head tag를 찾습니다. (<HEAD>)
  2. 코드앤버터 스크립트를 복사하고 head 태그 사이에 입력합니다. (<HEAD></HEAD> 사이)
  3. SITE-ID 부분을 웹사이트 아이디로 변경합니다.
  4. 수정한 사항을 저장합니다.
  5. 이제 웹페이지를 새로고침하면 작성한 캠페인을 확인할 수 있습니다.

HTML 태그를 사용할 수 없는 경우

js
var script = document.createElement("script");
script.setAttribute("data-site-id", "SITE-ID");
script.src = "https://buttr.dev/butter.js";
script.async = 1;
document.head.appendChild(script);
  1. HTML 태그를 추가할 수 없는 경우 사용합니다.
  2. 사용중인 스크립트 코드에 추가하거나 script 태그 사이에 입력합니다. (<SCRIPT></SCRIPT> 사이)
  3. SITE-ID 부분을 웹사이트 아이디로 변경합니다.

INFO

위 스크립트 코드를 브라우저의 개발자 도구 콘솔창에 입력하면 기존 웹사이트의 코드를 수정하지 않고 테스트 할 수 있습니다.

SDK 방식

SDK 방식은 Javascript SDK 페이지를 참고하세요.

스크립트 추가 has loaded