Iframe과 Script 공유방식 2가지 모두 사용이 가능하실 경우에는 Script 방식을 이용해서 공유하는 것을 추천드립니다.

Script 공유방식은 공유되는 콘텐츠가 외부 콘텐츠라는 느낌없이 내부에서 제작된 것과 동일하게 최적화되어 동작합니다.

Iframe 공유방식은 반응형은 지원하지만 공유할때 iframe의 높이를 설정해야 하기 때문에 모바일에서 콘텐츠 하단에 공백이 발생할 수 있고,

Iframe으로 설정된 넓이가 작은 상태에서 콘텐츠 우측에서 마우스 우클릭을 할 경우 팝업 일부가 잘려서 보이는 문제가 발생할 수 있습니다.

※ Iframe 공유시 공유하는 사이트에 아래 스크립트를 추가해 주시면 모바일에서도 iframe 높이가 자동으로 설정되어 하단에 공백이 발생하는 문제를 해결하실 수 있습니다.

(스크립트를 추가하기 위해서는 공유하는 사이트에 관리자 권한이 있어야 스크립트 추가가 가능합니다)

<script type="text/javascript">(function() {let hte_iframe = document.currentScript.previousElementSibling;window.addEventListener("message",function(e){ if(e.source === hte_iframe.contentWindow && e.data){ if(e.data.hte_height){ hte_iframe.style.height=e.data.hte_height+"px";}else if(e.data.hte_scroll){ window.scrollBy({top: e.data.hte_scroll,left: 0,behavior: "smooth"}); }}},false);})();</script>