Super.so는 노션페이지를 웹사이트로 만들어주는 서비스입니다. 웹사이트 페이지가 몇개인데 하나씩 블록을 넣을 수는 없겠죠? 우리의 시간은 소중합니다.
시간을 절약하기 위해서 Code Injection을 통해 모든 페이지에 원하는 블록을 설치할 수 있는 방법을 소개드립니다.
먼저 아래의 과정을 진행해주세요!
https://joey.team/script에 들어가시면 Embed로 블록을 설치할 수 있는 스크립트가 있습니다. Comment Block, Q&A Block, Like Block을 누르면 댓글, Q&A, 좋아요를 넣는 스크립트가 만들어집니다.
Super.so에 사용하기 위해서는 약간의 수정이 필요합니다. 빨간색 영역의 내용을 복사해서 아래 [여기에 복사한 텍스트를 넣어주세요.]
에 넣어주세요.
아래 스크립트를 수정해서 사용해주세요.
<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>
원하는 사이트 설정(톱니바퀴) > Options > Global Code Injection [Edit code]