<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script>
  window.onload = function() {
    // 오른쪽 사이드바 영역 선언
    var rightSide = document.createElement("div");
    rightSide.style.right = "0px";
    rightSide.style.position = "absolute";
    rightSide.style.display = "flex";
    rightSide.style.justifyContent = "center";
    rightSide.style.zIndex = "999999";
    rightSide.style.width = "200px";
    rightSide.style.minHeight = "600px";
    rightSide.style.paddingRight = "64px";
    var targetElement = document.querySelector(".css-s47vad");
    targetElement.appendChild(rightSide);
    // 구글 애드센스 skyscaper 광고    
    var skyscraperAds = document.createElement("div");
    skyscraperAds.id = "skyscraperAds";
    skyscraperAds.style.opacity = "1";
    rightSide.appendChild(skyscraperAds);
    var insElement = document.createElement("ins");
    insElement.classList.add("adsbygoogle");
    insElement.style.display = "block";
    insElement.style.maxWidth = "160px";
    insElement.setAttribute('data-ad-client', 'ca-pub-8589904876026220');
    insElement.setAttribute('data-ad-slot', '2970198442');
    insElement.setAttribute('data-ad-format', 'vertical');
    insElement.setAttribute('data-full-width-responsive', 'true');
    skyscraperAds.appendChild(insElement);
    var scriptElement = document.createElement("script");
    scriptElement.textContent = '(adsbygoogle = window.adsbygoogle || []).push({});';
    skyscraperAds.insertBefore(scriptElement, null);
    // 페이지 URL별 body 설정
    var url = window.location.href;
    // 서재
    if (url.includes('https://www.forword.kr/books/')) {
      // 목차 하단 구매 배너(buyToc) 선언과 설정
      var newA = document.createElement("a");
      newA.id = "buyToc";
      newA.style.display = "block";
      newA.style.opacity = "0";
      newA.style.textDecoration = "none";
      var newDiv = document.createElement("div");
      newDiv.style.display = "flex";
      newDiv.style.width = "80%";
      newDiv.style.height = "32px";
      newDiv.style.backgroundColor = "#094072";
      newDiv.style.marginTop = "16px";
      newDiv.style.alignItems = "center";
      newDiv.style.justifyContent = "center";
      newDiv.style.borderRadius = "16px";
      newDiv.style.fontWeight = "bold";
      newDiv.style.color = "white";
      newA.appendChild(newDiv); // a > div
      var linkText = document.createTextNode("책 사러 가기");
      newDiv.appendChild(linkText); // div > text
      var newImg = document.createElement("img");
      newImg.src = "https://image6.coupangcdn.com/image/coupang/favicon/v2/favicon_256x256.ico";
      newImg.style.height = "1em";
      newImg.style.marginLeft = "6px";
      newImg.style.borderRadius = "8px";
      newDiv.appendChild(newImg); // div > img
      // 페이지 상단 구매 배너(buyTop) 이미지 지정
      var imgElement = document.querySelector('.page_cover');
      var imgUrl = imgElement.src; // 페이지 커버 추출
      var targetElement = document.querySelector('#buyTop > div');
      targetElement.style.backgroundImage = 'url(' + imgUrl + ')'; // 배경 지정
      var imgElement = document.querySelector('.page-icon > div > div > img');
      var imgUrl = imgElement.src; // 페이지 아이콘 추출
      var targetElement = document.querySelector('#buyTop > img');
      targetElement.src = imgUrl; // 표지 지정
      // buyToc 위치 지정
      var targetElement = document.querySelector(".notion-table_of_contents-block");
      targetElement.parentNode.insertBefore(newA, targetElement.nextSibling);
      // 구매 배너 URL 지정
      var elements = document.querySelectorAll("#buyTop, #buyToc");
        for (var i = 0; i < elements.length; i++) {
          elements[i].href = buyLink;
        }
      // buyTop-buyToc 상충 관계
      const buyTop = document.getElementById("buyTop");
      const buyToc = document.getElementById("buyToc");
      const observer = new IntersectionObserver(entries => {
        if (entries[0].isIntersecting) {
          buyToc.style.opacity = "0";
          setTimeout(() => {
            buyToc.style.display = "none";
          }, 1000);
        } else {
          buyToc.style.display = "block";
          setTimeout(() => {
            buyToc.style.opacity = "1";
          }, 100);
        }
      }, { threshold: 1 });
      observer.observe(buyTop);
    }
    // if (url.includes('https://www.forword.kr/debug')) {
    // }
  };
</script>

www.forword.kr

문화