조이 가이드

oopy.io에 설치하기

Super.so는 노션페이지를 웹사이트로 만들어주는 서비스입니다. 웹사이트 페이지가 몇개인데 하나씩 블록을 넣을 수는 없겠죠? 우리의 시간은 소중합니다.

시간을 절약하기 위해서 Code Injection을 통해 모든 페이지에 원하는 블록을 설치할 수 있는 방법을 소개드립니다.

먼저 아래의 과정을 진행해주세요!

1. 조이 Embed Script를 만들어주세요.

https://joey.team/script에 들어가시면 Embed로 블록을 설치할 수 있는 스크립트가 있습니다. Comment Block, Q&A Block, Like Block을 누르면 댓글, Q&A, 좋아요를 넣는 스크립트가 만들어집니다.

Super.so에 사용하기 위해서는 약간의 수정이 필요합니다. 빨간색 영역의 내용을 복사해서 아래 [여기에 복사한 텍스트를 넣어주세요.]에 넣어주세요.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8fbf2ca3-ffda-445a-a1bb-7d9b6a36da37/Untitled.png

아래 스크립트를 수정해서 사용해주세요.

<script>
	window.onload = function() {
	  const content = document.getElementsByClassName("super-content")[0];
		content.insertAdjacentHTML("beforeend", '**[여기에 복사한 텍스트를 넣어주세요.]'**);
		(function() {
      var d = document, s = d.createElement('script');
      s.src = '<https://joey.team/embed.js>';
      s.setAttribute('data-timestamp', +new Date());
      (d.head || d.body).appendChild(s);
      })();
	}
</script>

붙여넣기 된 예시입니다.

<script>
	window.onload = function() {
	  const content = document.getElementsByClassName("super-content")[0];
		content.insertAdjacentHTML("beforeend", '<div class="joey_block" owner_id="gIXHefbD9KXEnudcMRfHALtGcDa2" block_type="comment"></div>');
		(function() {
      var d = document, s = d.createElement('script');
      s.src = '<https://joey.team/embed.js>';
      s.setAttribute('data-timestamp', +new Date());
      (d.head || d.body).appendChild(s);
      })();
	}
</script>

2. Code Injection설정 창을 아래 순서에 따라 들어가주세요.

원하는 사이트 설정(톱니바퀴) > Options > Global Code Injection [Edit code]