las la-chevron-right

(() => {
  //IABでは非表示にするSectionのIDリスト
  //カンマ区切りで複数追加 ex. ["", ""]
  const iabHideSectionIds = ["SingleImageComponent_v2_2726133658"];

  const isIab = /linemanga/.test(navigator.userAgent);

  //IABで閲覧時のみ実行
  if (isIab) {
    iabHideSectionIds.forEach((id) => {
      const el = document.getElementById(id);
      if (!el) return;
      el.style.display = "none";
    });
  }
})();

IABで特定のSectionを非表示にする

空タグ除去

リンク切り替え（3列）[IAB/WEB]

(() => {
  const targetLinks = [
    {
      selectorId: "CardPhotoComponent_1752438532",
      webLink: "https://manga.line.me/lp/event/zenwamuryo_calendar",
      iabLink:
        "linemanga://iab/lp/event//zenwamuryo_calendar?in_current_tab=true&persistent=true",
    },
    {
      selectorId: "SingleImageComponent_v2_1042991290",
      webLink: "https://manga.line.me/book/detail?id=B00165588134",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
    },
    {
      selectorId: "SingleImageComponent_v2_1590449647",
      webLink: "https://manga.line.me/book/detail?id=B00060338425",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
    },
    {
      selectorId: "SingleImageComponent_v2_2757864597",
      webLink: "https://manga.line.me/book/detail?id=B00160577202",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
    },
    {
      selectorId: "SingleImageComponent_v2_3279855121",
      webLink: "https://manga.line.me/book/detail?id=B00160691739",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
    },
    {
      selectorId: "SingleImageComponent_v2_1088033748",
      webLink: "https://manga.line.me/book/detail?id=B00160899647",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
    },
{
      selectorId: "SingleImageComponent_v2_1600343819",
      webLink: "https://manga.line.me/book/detail?id=B00162168778",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
    },
{
      selectorId: "SingleImageComponent_v2_2195993388",
      webLink: "https://manga.line.me/book/detail?id=B00162402353",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",
},
{
      selectorId: "SingleImageComponent_v2_2686290278",
      webLink: "https://manga.line.me/book/detail?id=B00162672906",
      iabLink:
        "linemanga://book/B00060338425?in_current_tab=true&persistent=true",

    },
  ];

  const isIab = /linemanga/.test(navigator.userAgent);

  // バナーリンク差し替え
  targetLinks.forEach((link) => {
    const el = document.getElementById(link.selectorId);
    if (!el) return;
    const linkEl = el.querySelector("a");
    if (isIab) {
      linkEl.href = link.iabLink;
    } else {
      linkEl.href = link.webLink;
    }
    linkEl.classList.add(`${link.selectorId}-link`);
  });
})();

Web/IAB URL出し分け

ヘッダー、フッターのjs

(() => {
  const section = document.getElementById('btn');
  const createElement = `<button class="to-contents" id="to-contents"></button>`;
  section.insertAdjacentHTML('beforeend', createElement);

  // スクロールする関数
  const scrollToElement = (id) => {
    const element = document.getElementById(id);
    if (element) {
      element.scrollIntoView({ behavior: 'smooth' });
    }
  };

  // クリックイベントの追加
  document.getElementById('to-contents').addEventListener('click', () => {
    scrollToElement('contents'); // 遷移先IDを指定
  });
})();

アンカーリンク

(() => {
  const targetIds = [
    'go-read-tenipuri',
    'viewer01',
    'viewer02',
    'viewer03',
    'viewer04',
    'viewer05',
    'viewer06',
    'viewer07',
    'viewer08',
    'viewer09',
    'viewer10',
    'read-now',
  ];

  const getWebViewerLink = (iabLink) => {
    // linemanga://viewer/B00163514958?type=periodic&...
    const viewerMatch = iabLink.match(/linemanga:\/\/viewer\/(\w+)/);
    if (viewerMatch) {
      return `https://app-manga.line.me/app/viewer/${viewerMatch[1]}`;
    }

    // linemanga://periodic/S119126?...
    const periodicMatch = iabLink.match(/linemanga:\/\/periodic\/(\w+)/);
    if (periodicMatch) {
      return `https://app-manga.line.me/app/periodic/${periodicMatch[1]}`;
    }

    // それ以外はトップへ
    return 'https://manga.line.me/';
  };

  const isIab = /linemanga/.test(navigator.userAgent);

  if (!isIab) {
    // リンク差し替え
    targetIds.forEach((id) => {
      const linkEl = document.getElementById(id).querySelectorAll('a');
      if (linkEl.length > 0) {
        const originalHref = linkEl[0].href;
        const convertedHref = getWebViewerLink(originalHref);
        linkEl[0].href = convertedHref;
      }
    });
  }
})();

iab/web切り替え

(() => {
  // この作品を読む、今すぐ読むボタン用
  const targetLinks = [
    // ↓↓↓この作品を読む↓↓↓
    {
      selectorId: 'read-main-01',
      webLink: 'https://app-manga.line.me/app/periodic/S114567',
      iabLink: 'linemanga://periodic/S114567?in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-main-02',
      webLink: 'https://app-manga.line.me/app/periodic/S114569',
      iabLink: 'linemanga://periodic/S114569?in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-main-03',
      webLink: 'https://app-manga.line.me/app/periodic/S114578',
      iabLink: 'linemanga://periodic/S114578?in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-main-04',
      webLink: 'https://app-manga.line.me/app/periodic/S114626',
      iabLink: 'linemanga://periodic/S114626?in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-main-05',
      webLink: 'https://app-manga.line.me/app/periodic/S114692',
      iabLink: 'linemanga://periodic/S114692?in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-main-06',
      webLink: 'https://app-manga.line.me/app/periodic/S145081',
      iabLink: 'linemanga://periodic/S145081?in_current_tab=true&persistent=true',
    },
    // ↓↓↓今すぐ読む↓↓↓
    {
      selectorId: 'read-now-01',
      webLink: 'https://app-manga.line.me/app/viewer/B00163192851',
      iabLink:
        'linemanga://viewer/B00163192851?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-02',
      webLink: 'https://app-manga.line.me/app/viewer/B00163192997',
      iabLink:
        'linemanga://viewer/B00163192997?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-03',
      webLink: 'https://app-manga.line.me/app/viewer/B00163179244',
      iabLink:
        'linemanga://viewer/B00163179244?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-04',
      webLink: 'https://app-manga.line.me/app/viewer/B00163183055',
      iabLink:
        'linemanga://viewer/B00163183055?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-05',
      webLink: 'https://app-manga.line.me/app/viewer/B00163183465',
      iabLink:
        'linemanga://viewer/B00163183465?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-06',
      webLink: 'https://app-manga.line.me/app/viewer/B00163179947',
      iabLink:
        'linemanga://viewer/B00163179947?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-07',
      webLink: 'https://app-manga.line.me/app/viewer/B00163180173',
      iabLink:
        'linemanga://viewer/B00163180173?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-08',
      webLink: 'https://app-manga.line.me/app/viewer/B00163180541',
      iabLink:
        'linemanga://viewer/B00163180541?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-09',
      webLink: 'https://app-manga.line.me/app/viewer/B00163180839',
      iabLink:
        'linemanga://viewer/B00163180839?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-10',
      webLink: 'https://app-manga.line.me/app/viewer/B00163189380',
      iabLink:
        'linemanga://viewer/B00163189380?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
    {
      selectorId: 'read-now-11',
      webLink: 'https://app-manga.line.me/app/viewer/B00165353596',
      iabLink:
        'linemanga://viewer/B00165353596?type=periodic&source=lp&animated=true&in_current_tab=true&persistent=true',
    },
  ];

  // 外伝作品遷移先
  const targetMultiLinks = [
    {
      selectorId: 'read-side-story-01',
      links: [
        {
          webLink: 'https://app-manga.line.me/app/periodic/S135189',
          iabLink: 'linemanga://periodic/S135189?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/periodic/S135191',
          iabLink: 'linemanga://periodic/S135191?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/periodic/S133322',
          iabLink: 'linemanga://periodic/S133322?in_current_tab=true&persistent=true',
        },
      ],
    },
    {
      selectorId: 'read-side-story-02',
      links: [
        {
          webLink: 'https://app-manga.line.me/app/periodic/S114576',
          iabLink: 'linemanga://periodic/S114576?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/periodic/S120017',
          iabLink: 'linemanga://periodic/S120017?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/product/E230308',
          iabLink: 'linemanga://product/E230308?in_current_tab=true&persistent=true',
        },
      ],
    },
    {
      selectorId: 'read-side-story-03',
      links: [
        {
          webLink: 'https://app-manga.line.me/app/product/E237333',
          iabLink: 'linemanga://product/E237333?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/periodic/S132621',
          iabLink: 'linemanga://periodic/S132621?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/periodic/S135190',
          iabLink: 'linemanga://periodic/S135190?in_current_tab=true&persistent=true',
        },
      ],
    },
    {
      selectorId: 'read-side-story-04',
      links: [
        {
          webLink: 'https://app-manga.line.me/app/periodic/S142691',
          iabLink: 'linemanga://periodic/S142691?in_current_tab=true&persistent=true',
        },
        {
          webLink: 'https://app-manga.line.me/app/periodic/S114715',
          iabLink: 'linemanga://periodic/S114715?in_current_tab=true&persistent=true',
        },
      ],
    },
  ];

  const isIab = /linemanga/.test(navigator.userAgent);

  targetLinks.forEach((link) => {
    const el = document.getElementById(link.selectorId);
    if (!el) return;
    const linkEl = el.querySelector('a');
    linkEl.href = isIab ? link.iabLink : link.webLink;
  });

  // 複数書影用
  targetMultiLinks.forEach(({ selectorId, links }) => {
    const container = document.getElementById(selectorId);
    if (!container) return;

    const anchorTags = container.querySelectorAll('a');
    links.forEach((link, index) => {
      const linkEl = anchorTags[index];
      if (linkEl) {
        linkEl.href = isIab ? link.iabLink : link.webLink;
      }
    });
  });
})();

【UIT】convertSchemeToWebUrl

(() => {
  const isIab = /linemanga/.test(navigator.userAgent);
  const toTopButton = document.querySelector('.to-top');
  if (!toTopButton) return;

  // to-part系リンクの処理
  for (let i = 1; i <= 6; i++) {
    const trigger = document.getElementById(`to-part-${i}`);
    const target = document.getElementById(`part-${i}`);

    if (trigger && target) {
      trigger.addEventListener('click', (e) => {
        e.preventDefault();

        const rect = target.getBoundingClientRect();
        const offsetTop = window.scrollY + rect.top;
        const headerOffset = isIab ? 0 : 46;

        disableScrollHandlerTemporarily(); // ← スクロール競合回避

        window.scrollTo({
          top: offsetTop - headerOffset,
          behavior: 'smooth',
        });
      });
    }
  }

  // to-topボタンの処理
  const handleScroll = () => {
    if (window.scrollY > 100) {
      toTopButton.classList.remove('to-top--hide');
    } else {
      toTopButton.classList.add('to-top--hide');
    }
  };

  const disableScrollHandlerTemporarily = () => {
    window.removeEventListener('scroll', handleScroll);
    setTimeout(() => {
      handleScroll(); // ← スクロール位置を再判定
      window.addEventListener('scroll', handleScroll, { passive: true });
    }, 600);
  };

  // 初期状態確認
  handleScroll();

  // スクロールイベント登録
  window.addEventListener('scroll', handleScroll, { passive: true });

  // to-topボタンクリック
  toTopButton.addEventListener('click', (e) => {
    e.preventDefault();

    disableScrollHandlerTemporarily();

    window.scrollTo({
      top: 0,
      behavior: 'smooth',
    });
  });
})();

【UIT】smoothScrollAndTotop

(() => {
  const toTopButton = document.querySelector('.to-top');
  if (!toTopButton) return;

  const isIab = /linemanga/.test(navigator.userAgent);
  const isIOS = /iphone|ipad|ipod|macintosh/i.test(navigator.userAgent) && 'ontouchend' in document;

  // iabかつiOSの場合にクラスを付与
  if (isIab && isIOS) {
    toTopButton.classList.add('to-top--ios');
  }
})();

Enter the title for List

Enter the title for List

Enter the title for List

Enter the title for List

Enter the title for Text