<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

배치

출판사

원제

역자

저자

부제

제목

출판일

글쓴이

날짜

MASTER IDs

MASTER DB

형식

생성 일시

이메일

이름

Rollup ID

시사

All ID

자세히

헤드라인

세워두기

썸네일

Editorial

쌓아두기

간단히

스탠드

이름표

Opinion

News

for’word

한 줄의 발견

백문 속 일견

다시 읽는 글

사이 너머