lui vendor

lui confirm

uts SDK

VConsole SDK

(() => {
  const handleSticker = () => {
    const is_BETA = window.location.pathname.includes('beta_sticker');
    const LIFF_ID = is_BETA ? '2000000591-BepANNkg' : '2000305077-ekYQ7lG6';
    const LIFF_SRC = is_BETA ? 'https://line-objects-internal.com/assets/liff/edge/qa/2/sdk.js' : 'https://static.line-scdn.net/liff/edge/2/sdk.js';

    (() => {
      const UTS_APP_ENV = is_BETA ? 'beta' : 'release'
      const utsEndpoint = (() => {
        if (UTS_APP_ENV === 'release') return 'https://uts-front.line-apps.com';
        if (UTS_APP_ENV === 'rc') return 'https://uts-front.line-apps-rc.com';
        return 'https://uts-front.line-apps-beta.com';
      })();

      var script = document.createElement('script');
      script.src = LIFF_SRC;
      script.onload = function() {
      window.liff.init({
          liffId: LIFF_ID, // Use own liffId
        }).then(() => {
          const idToken = window.liff.getDecodedIDToken()

          window.uts.init(
            {
              utsId: 'line_pfm',
              appName: 'LINE',
              appEnv: UTS_APP_ENV,
            },
            { endpoint: utsEndpoint }
          );

          if (idToken) {
            window.uts.setMid(idToken.sub)
          }

          window.uts.setScreenName('idfederation/ly_landing')

          window.uts.sendPageview()
        });
      }
      document.head.appendChild(script);
    })();

    (() => {
      const IS_BETA = is_BETA

      const iosAppStoreLink = 'https://apps.apple.com/app/line/id443904275'
      const androidPlayStoreLink = 'https://play.google.com/store/apps/details?id=jp.naver.line.android'
      const baseHrefUrl = 'https://line.me/R/nv/settings/accountCenter/'
      const successUrl = 'https://line.me/S/sticker/29577/'
      const cancelUrl = 'https://line.me/S/sticker/29577/'

      const queryString = decodeURIComponent(window.location.search).replace("?liff.state=", "");
      const params = new URLSearchParams(queryString);

    const handleButton = () => {
      console.log('handleButton')
      const ash_lui_wrap = document.createElement('div')
      ash_lui_wrap.id = 'ash_lui_wrap';
      document.body.appendChild(ash_lui_wrap)

      const cta_section1 = document.querySelector('#cta_section1');
      const btn1 = cta_section1.querySelector('button');
      const cta_section2 = document.querySelector('#cta_section2');
      const btn2 = cta_section2.querySelector('button');
      const cta_section3 = document.querySelector('#cta_section3');
      const btn3 = cta_section3.querySelector('button');


      const clickHandler = (e) => {
        e.preventDefault();

        if (window.uts) {
          const paramsObj = {}

          params.forEach((value, key) => {
            paramsObj[key] = value
          })

          uts.sendClick({ category: 'button', params: { ...paramsObj, target: 'download' } })
        }

        params.append('useCaseCode', '01-line-sticker-sticker')
        params.append('onlyFederation', '1')
        params.append('successUrl', successUrl)
        params.append('cancelUrl', cancelUrl)

        const newHref = baseHrefUrl + `?${params.toString()}`

        console.log('newHref : ', newHref)

        if (IS_BETA) {
          location.href = newHref
          return;
        }

        const lineVersion = liff.getLineVersion()

        if (lineVersion) {
          const [majorVersion, minorVersion] = lineVersion.split('.')
          const isCompatible = parseInt(majorVersion) >= 13 && parseInt(minorVersion) >= 15


          if (isCompatible) {
            location.href = newHref
            return;
          }

          ash_lui_wrap.innerHTML = `<lui-confirm id="lui-confirm" title="アップデートが必要です。" message="ご利用のLINEを最新のバージョンにアップデートした上で、再度お試しください。" buttons-layout="horizontal" positive-button="アップデート" neutral-button="" negative-button="今はしない"></lui-confirm>`

          const lui_confirm = document.querySelector('#lui-confirm')

          const userOS = liff.getOS();

          lui_confirm.addEventListener('lui-button-click', (e) => {
            if (e.detail.buttonType !== 'positive') {
              return
            }

            if (userOS === 'ios') {
              window.open(iosAppStoreLink)
            } else if (userOS === 'android') {
              window.open(androidPlayStoreLink)
            }
          })

          lui_confirm.show();
        } else {
          ash_lui_wrap.innerHTML = `<lui-confirm id="lui-confirm" title="アップデートが必要です。" message="ご利用のLINEを最新のバージョンにアップデートした上で、再度お試しください。" buttons-layout="horizontal" positive-button="アップデート" neutral-button="" negative-button="今はしない"></lui-confirm>`

          const lui_confirm = document.querySelector('#lui-confirm')

          lui_confirm.addEventListener('lui-button-click', (e) => {
            if (e.detail.buttonType !== 'positive') {
              return
            }

            location.href = iosAppStoreLink
            return;
          })

          lui_confirm.show();
        }

      }


      btn1.addEventListener('click', clickHandler)
      btn2.addEventListener('click', clickHandler)
      btn3.addEventListener('click', clickHandler)
    }


    document.addEventListener('DOMContentLoaded', () => {
      handleButton()
    })
    })();


  }

  const handleCp = () => {
    const IDF_redirectionLink = `https://line.me/S/sticker/29577/`

  const LIFF_ID = '2000305077-edqjZLBw'
  const LIFF_SRC = 'https://static.line-scdn.net/liff/edge/2/sdk.js';

  const UTS_APP_ENV = 'release'
  const utsEndpoint = (() => {
    if (UTS_APP_ENV === 'release') return 'https://uts-front.line-apps.com';
    if (UTS_APP_ENV === 'rc') return 'https://uts-front.line-apps-rc.com';
    return 'https://uts-front.line-apps-beta.com';
  })();


  (() => {
    var script = document.createElement('script');
    script.src = LIFF_SRC;
    script.onload = function() {

        window.liff.init({
            liffId: LIFF_ID, // Use own liffId
          }).then(() => {
            window.uts.init(
              {
                utsId: 'line_pfm',
                appName: 'LINE',
                appEnv: UTS_APP_ENV,
              },
              { endpoint: utsEndpoint }
            );


            const idToken = window.liff.getDecodedIDToken()

            if (idToken) {
              window.uts.setMid(idToken.sub)
            }

            window.uts.setScreenName('idfederation/yj_landing_liff')
            window.uts.sendPageview()

            if (window.liff.isInClient()) {
              location.href = IDF_redirectionLink
            }
          });
      }

    document.head.appendChild(script);
  })();

  (() => {
    const ctaButtonLink = `https://liff.line.me/2000305077-edqjZLBw?utm_source=yahoo&utm_medium=YJLP&utm_campaign=id_cp2023&lps_from=web`

    const queryString = decodeURIComponent(window.location.search).replace("?liff.state=", "");
    const params = new URLSearchParams(queryString);


  const handleButton = () => {
    console.log('handleButton')

    const cta_section1 = document.querySelector('#cta_section1');
    const btn1 = cta_section1.querySelector('button');
    const cta_section2 = document.querySelector('#cta_section2');
    const btn2 = cta_section2.querySelector('button');


    const clickHandler = (e) => {
      e.preventDefault();

      if (window.uts) {
        const paramsObj = {}

        params.forEach((value, key) => {
          paramsObj[key] = value
        })

        uts.sendClick({ category: 'button_LP', params: { ...paramsObj, target: 'application' } })
      }

      location.href = ctaButtonLink
    }


    btn1.addEventListener('click', clickHandler)
    btn2.addEventListener('click', clickHandler)
  }


  document.addEventListener('DOMContentLoaded', () => {
    handleButton()
  })
  })();

  }

  if (window.location.pathname.includes('sticker')) {
    handleSticker()
  } else {
    handleCp()
  }
})()

無料でもらえる！人気キャラのスタンプキャンペーン実施中

キャンペーンの参加方法