VLAAH Embed

변수

변수는 스크립트 주소에 QueryString으로 전달하거나 변수명 앞에 $vlaah_를 붙여서 JavaScript 전역변수로 지정할 수 있습니다.

context: 주제 문자열, 지정하지 않을 경우 페이지 URL
container_id: 컨테이너 엘리멘트 id, 지정하지 않을 경우 document.write()함
after_ready: container_id가 지정되어있을 경우 window가 load된 후 캔디바를 추가할지 여부
plus_theme: 플러스 테마 이름, 지정하지 않을 경우 clover
minus_theme: 마이너스 테마 이름, 지정하지 않을 경우 tomato
show_context: 주제 문자열 표시

사용법

기본

<script src="http://vlaah-embed.appspot.com/embed.js"></script>

document.write()로 캔디바를 추가합니다. 주제는 현재 페이지의 주소가 됩니다.

주제 지정

<script src="http://vlaah-embed.appspot.com/embed.js?context=%EC%9D%B4%EB%AA%85%EB%B0%95"></script>

주제를 임의의 문자열로 지정합니다.

주제 표시

<script src="http://vlaah-embed.appspot.com/embed.js?context=%EC%9D%B4%EB%AA%85%EB%B0%95&amp;show_context=true"></script>

주제를 캔디바에 표시합니다. 커서를 올리면 점수가 표시됩니다.

컨테이너 지정

<div id="vlaah" style="border: 3px double #000;"></div>
<script src="http://vlaah-embed.appspot.com/embed.js?container_id=vlaah"></script>

캔디바가 추가될 컨테이너 엘리멘트의 id를 지정합니다.

페이지 로드 후 추가

<div id="lazy-vlaah" style="border: 3px double #000;"></div>
<script src="http://vlaah-embed.appspot.com/embed.js?container_id=lazy-vlaah&amp;after_ready=true"></script>

페이지 로드가 완료된 후에 캔디바가 추가됩니다. 한 페이지에 여러 캔디바를 보여줘야할 경우 속도문제를 해결해줍니다.

테마 지정

<script src="http://vlaah-embed.appspot.com/embed.js?plus_theme=violet&amp;minus_theme=orange"></script>

캔디바 테마를 지정합니다.

JavaScript로 변수 지정

<script>
  vlaahEmbed.initOptions = {
    context: '나만 밝히는 여자',
    plus_theme: 'gmail',
    minus_theme: 'ketchup',
    show_context: true
  };
</script>
<script src="http://vlaah-embed.appspot.com/embed.js"></script>