毎日更新！話題作読むならLINEマンガ

エントリーすると最大600コインもらえる！

おトクに最新のマンガを楽しもう！

アルバムに動画と<br>オリジナル画質の<br>写真を追加できます

アルバムに追加した動画と<br>写真はみんなで楽しもう！

お気に入りの音楽を<br>LINEの着信音と呼出音に！

LINEアプリに適用する<br>フォントを計13種類の<br>中から選べます

自分好みのフォントに<br>変えてみよう！

LINEマンガで使える<br>マンガコインが<br>最大600コインもらえます

LYPプレミアムの特典

注意事項

設定したフォントを<br>見れるのは自分だけ！

元の写真と同程度の<br>画質で写真を残そう！

Yahoo!ショッピングで<br>PayPayポイント※が<br>戻ってきます

PayPayポイントが<br>7%※戻ってくる！

たくさんの音楽の中から<br>自分だけの着信音と<br>呼出音を設定できます

iPadでは着信音・呼出音を設定できない場合があります。

ダウンロード不要！<br>予測変換でおすすめされた<br>スタンプをすぐに送ろう

購入金額に応じて<br>もっと貯まるポイント

1,200万種類以上の<br>対象スタンプが<br>使い放題になります

スタンプをたくさん使って<br>トークをもっと楽しもう！

思い出の動画を<br>アルバムに残そう！

着信音と呼出音とは？

日本最大級のオンラインショッピングモール<br>「Yahoo!ショッピング」

友だちと一緒にLINEと<br>ヤフーのお年玉をもらおう！

LINE、ヤフー、PayPayが<br>もっと楽しく、もっとおトクに

LYPプレミアムの<br>特典を3カ月<br>無料で利用しよう

LINEのアルバムに動画と<br>オリジナル画質の写真を追加

毎日が<br>プレミアム

コイン

よくある質問

LINEアプリのフォントを<br>計13種類の中から設定

LYPプレミアム登録するならいま！

会員登録プレゼント<br>おトクな特典！

LINEマンガで使える<br>最大600コイン付与

Yahoo!ショッピングでのお買い物で<br>PayPayポイント7%※付与

LINE通話の着信音と<br>呼出音に好きな音楽を設定

1,200万種類以上の<br>対象スタンプが使い放題

PayPayポイント

3月31日までの会員登録がおトク

合計10,000円相当もらえる！

初回登録の方限定

Yahoo! JAPAN IDとのアカウント連携はお済みですか？

Yahoo!ショッピングで使えるクーポン

3,000

4,000

さらにもう1枚<br>Yahoo!ショッピングで使えるクーポン

lui vendor

lui navigation bar

lui navigation bar spacer

lui navigation back

uts SDK

VConsole

// new window.VConsole();
var liffSrc = 'https://static.line-scdn.net/liff/edge/2/sdk.js';
var liffScript = document.createElement('script');

liffScript.setAttribute('src', liffSrc);
liffScript.setAttribute('type','text/javascript');

liffScript.onload = function() {
  const BASE_URL = 'https://lyp-home.landpress.line.me/'
  const LIFF_ID = '2000048721-GZlWpw63'
  const LYP_HOME_APP_ENV = 'release'

  const endpoint = (() => {
    if (LYP_HOME_APP_ENV === 'release') return 'https://uts-front.line-apps.com';
    if (LYP_HOME_APP_ENV === 'rc') return 'https://uts-front.line-apps-rc.com';
    return 'https://uts-front.line-apps-beta.com';
  })();
  let LYP_LIFF_LOADED = false;
  let LYP_UTS_LOADED = false;


  const pathname = window.location.pathname;

  const isHomePage = pathname.includes('_home')
  const isBenefitDetailPage = pathname.includes('_detail')


  const getScreenName = () => {
    if (isHomePage) {
      return 'lyp/home'
    } else if (isBenefitDetailPage) {
      return 'lyp/benefits_details'
    }
  }

  const handleSendPageView = () => {
    const TO_PARAM_NAME = 'lyp_to'
    const queryString = decodeURIComponent(window.location.search).replace("?liff.state=", "");
    const params = new URLSearchParams(queryString);
    const to = params.get(TO_PARAM_NAME)

    const isSubscriber = to === 's'
    const isNonSubscriber = to === 'ns'
    const isFreeTrialNonSubscriber = to === 'ft_ns'
    const isFreeTicketNonSubscriber = to === 'fti_ns'
    const isCancelledSubscriber = to === 'c_s'

    const utsParamsObj = {}

    params.forEach((value, key) => {
      if (key === 'entry') {
        utsParamsObj[key] = value
      } else if (key.startsWith('utm')) {
        utsParamsObj[key] = value
      }
    })

    const utsAdditionalParams = (() => {
      const result = {};

      if (isSubscriber) {
        result['subscription_status'] = 'true'
      } else if (isCancelledSubscriber) {
        result['subscription_status'] = 'true_cancelled'
      } else {
        result['subscription_status'] = 'false'
      }

      if (isHomePage) {
        if (isFreeTrialNonSubscriber) {
          result['free_trial'] = 'true'
        } else {
          result['free_trial'] = 'false'
        }
      }

      if (isBenefitDetailPage) {
        const benefitName = window.location.pathname.split('_').pop().replace('/', '')

        if (benefitName === 'shopping') {
          result['benefit_name'] = 'yahoo_shopping'
        } else if (benefitName === 'manga') {
          result['benefit_name'] = 'line_manga'
        } else {
          result['benefit_name'] = benefitName
        }

      }

      return result
    })();
    const screenName = getScreenName()

    window.uts.sendPageview({screenName: screenName, params:  { ...utsParamsObj, ...utsAdditionalParams }})
  }

  const handleLIFFAndUTSLoaded = () => {
    if (!LYP_LIFF_LOADED || !LYP_UTS_LOADED) {
      return;
    }

    const isIos = window.liff.getOS() === 'ios'
    if (isIos && window.history.scrollRestoration) {
      window.history.scrollRestoration = "manual";
    }

    const idToken = window.liff.getDecodedIDToken()

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

    if (isHomePage || isBenefitDetailPage) {
      handleSendPageView()
    }

  }



  liff.init({
    liffId: LIFF_ID
  })

  liff.ready.then(() => {
    LYP_LIFF_LOADED = true
    handleLIFFAndUTSLoaded()

    if (location.pathname !== '/redirection' && location.pathname !== '/redirection/') {
      return;
    }

    const TO_PARAM_NAME = 'lyp_to'
    const LANG_PARAM_NAME = 'lyp_lang'

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

    const toParams = params.toString()

    if (lang === 'ko') {
        window.location.replace(BASE_URL + 'ko_home' + `?${toParams}`)
    } else if (lang === 'ja') {
        window.location.replace(BASE_URL + 'ja_home' + `?${toParams}`)
    } else {
        window.location.replace(BASE_URL + 'en_home' + `?${toParams}`)
    }
  })

  window.uts.init(
    {
      utsId: 'line_premium',
      appName: 'LINE',
      appEnv: LYP_HOME_APP_ENV,
    },
    { endpoint: endpoint }
  )

  LYP_UTS_LOADED = true
  handleLIFFAndUTSLoaded()
}



document.head.appendChild(liffScript)

init script

(() => {
  const LYP_FIRST_PATH_KEY = 'LYP_FIRST_PATH_KEY'
  const hasPreviousPage = window.history.length !== 1;

  if (!hasPreviousPage) {
    sessionStorage.setItem(LYP_FIRST_PATH_KEY, window.location.pathname);
  }

  const storedFirstPagePath = sessionStorage.getItem(LYP_FIRST_PATH_KEY);
  const isFirstPage = storedFirstPagePath === window.location.pathname;

  const isShowBackButton = hasPreviousPage && !isFirstPage;

  if (isShowBackButton) {
    const luiNavigationBack = document.querySelector('lui-navigation-back');

    luiNavigationBack.style.display = 'block'
  }
})();


back button control

LINE tag

lyp accordion button

las la-chevron-right

structuralData

customScript

特典内容

注意事項