las la-plus-square-rounded

las la-chevron-right

(function() {
  const ua = navigator.userAgent.toLowerCase();

  const isIOS =
    /iphone|ipad|ipod/.test(ua) ||
    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);

  const isAndroid = /android/.test(ua);
  const isMobileOS = isIOS || isAndroid;

  /*
    スマホ・タブレットの場合のみ、
    JSの判定前に両方のボタンを隠すCSSを追加する。
    PCにはこのCSSを適用しない。
  */
  function injectKvAppAdStyle() {
    if (!isMobileOS) return;
    if (document.getElementById('kv-app-ad-style')) return;

    document.documentElement.classList.add('kv-app-ad-controlled');

    const style = document.createElement('style');
    style.id = 'kv-app-ad-style';

    style.textContent = `
      .kv-app-ad-controlled #KeyVisualFullimage a[href*="apps.apple.com"],
      .kv-app-ad-controlled #KeyVisualFullimage a[href*="itunes.apple.com"],
      .kv-app-ad-controlled #KeyVisualFullimage a[href*="play.google.com"],
      .kv-app-ad-controlled #KeyVisualFullimage a[href*="yahoo.jp/qWwgZO"],
      .kv-app-ad-controlled [data-lps-anchor-name="KeyVisualFullimage"] a[href*="apps.apple.com"],
      .kv-app-ad-controlled [data-lps-anchor-name="KeyVisualFullimage"] a[href*="itunes.apple.com"],
      .kv-app-ad-controlled [data-lps-anchor-name="KeyVisualFullimage"] a[href*="play.google.com"],
      .kv-app-ad-controlled [data-lps-anchor-name="KeyVisualFullimage"] a[href*="yahoo.jp/qWwgZO"] {
        visibility: hidden !important;
      }
    `;

    (document.head || document.documentElement).appendChild(style);
  }

  /*
    DOMの読み込みを待たず、できるだけ早くCSSを追加する。
  */
  injectKvAppAdStyle();

  let updateQueued = false;

  function setupKvAppAd() {
    const kvContainer = document.querySelector(
      '#KeyVisualFullimage, [data-lps-anchor-name="KeyVisualFullimage"]'
    );

    if (!kvContainer) return false;

    /*
      URLからApp Storeボタンを取得する。
    */
    let iosBtn = kvContainer.querySelector(
      'a[href*="apps.apple.com"], a[href*="itunes.apple.com"]'
    );

    /*
      URLからGoogle Playボタンを取得する。
    */
    let androidBtn = kvContainer.querySelector(
      'a[href*="play.google.com"], a[href*="yahoo.jp/qWwgZO"]'
    );

    /*
      URLで取得できなかった場合の保険。
      Gridクラスのハッシュが変更されても取得できるようにする。
    */
    if (!iosBtn || !androidBtn) {
      const kvDownloadButtons = kvContainer.querySelectorAll(
        '[class^="Grid_lds_grid_container__"] a, [class*=" Grid_lds_grid_container__"] a'
      );

      iosBtn = iosBtn || kvDownloadButtons[0];
      androidBtn = androidBtn || kvDownloadButtons[1];
    }

    /*
      LANDPRESS側でまだボタンが生成されていない場合は終了。
      MutationObserverによって生成後に再実行される。
    */
    if (!iosBtn || !androidBtn) return false;

    const show = function(el) {
      el.style.setProperty('display', 'inline-block', 'important');
      el.style.setProperty('visibility', 'visible', 'important');
    };

    const hide = function(el) {
      el.style.setProperty('display', 'none', 'important');
      el.style.setProperty('visibility', 'hidden', 'important');
    };

    /*
      画面幅ではなくOSで出し分ける。
      横画面でも判定は変わらない。
    */
    if (isIOS) {
      show(iosBtn);
      hide(androidBtn);
    } else if (isAndroid) {
      show(androidBtn);
      hide(iosBtn);
    } else {
      show(iosBtn);
      show(androidBtn);
    }

    return true;
  }

  /*
    DOM変更が連続した場合も、
    1フレームにつき1回だけ処理する。
  */
  function queueSetup() {
    if (updateQueued) return;

    updateQueued = true;

    window.requestAnimationFrame(function() {
      updateQueued = false;
      setupKvAppAd();
    });
  }

  /*
    まず現在のDOMに対して実行する。
  */
  queueSetup();

  /*
    LANDPRESSが後からボタンを生成・差し替えした場合も検知する。
  */
  const observer = new MutationObserver(function() {
    queueSetup();
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true,
    attributes: true,
    attributeFilter: ['href']
  });

  /*
    各読み込みタイミングでも再確認する。
  */
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', queueSetup, {
      once: true
    });
  }

  window.addEventListener('load', queueSetup, {
    once: true
  });

  window.addEventListener('resize', queueSetup, {
    passive: true
  });

  window.addEventListener('orientationchange', queueSetup, {
    passive: true
  });
})();

デバイス出し分け用_top

ya-1.6.4.min.js

(function() {
  if (window.__deviceAnalyticsInitialized) return;
  window.__deviceAnalyticsInitialized = true;

  const ua = navigator.userAgent.toLowerCase();

  const isIOS =
    /iphone|ipad|ipod/.test(ua) ||
    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);

  const isAndroid = /android/.test(ua);
  const isMobileOS = isIOS || isAndroid;

  const analyticsConfig = isMobileOS
    ? {
        loggingId: '9604770ec6aa4f6888e408b9f66e90f3',
        token: '9c2ec020-3d33-4981-9bc0-3a43161328f6',
        opttype: 'smartphone'
      }
    : {
        loggingId: '455de628b9d74646a383bef4947230f8',
        token: '37ced58c-4f9f-4725-97a1-572c21a9b7a9',
        opttype: 'pc'
      };

  const yaParamMtestid = '';

  window.yacmds = window.yacmds || [];
  window.ya = window.ya || function() {
    window.yacmds.push(arguments);
  };

  window.ya('init', analyticsConfig.loggingId, analyticsConfig.token);
  window.ya('hit', 'pageview,webPerformance', {
    mtestid: yaParamMtestid
  });

  window.TLDataContext = {
    ual: {
      pageview: {
        opttype: analyticsConfig.opttype,
        content_id: 'promo',
        id_type: 'sports',
        nopv: 'false',
        mtestid: yaParamMtestid,
        ss_join_id: '',
        ss_join_id_type: ''
      }
    }
  };
})();

速報も、ニュースも、あなた好みに

速報も、ニュースも、
あなた好みに