Add videos and<br>original quality photos<br>to albums

Videos and photos are shared<br>with everyone in the chat

Set your favorite songs as your<br>ringtones and ringback tones

See the LINE app in one of<br>13 available fonts

Experience LINE in the font<br>you like the most

LYP Premium benefits

Notes

The fonts are for your eyes only

Add sharper photos in<br>their original quality

Get PayPay Points* from<br>Yahoo! JAPAN Shopping

Get 7% back in PayPay Points*!

Choose your unique sound<br>from LINE Music

Ringtones and ringback tones may not be available on iPad devices under some circumstances.

Send recommended stickers<br>without leaving the chat

The more you spend,<br>the more points you get

Choose from over 12<br>million Premium stickers.

More stickers for more fun!

Add videos of your favorite memories

What are ringtones and ringback tones?

Japan's top online shopping mall:<br>Yahoo! JAPAN Shopping

Up to 5,000 PayPay Points<br>by inviting friends

LINE, Yahoo! JAPAN, PayPay<br>More value, more fun

Try LYP Premium<br>with a free 3-month trial

Premium<br>Everyday

coins

FAQs

Choose from 13 fonts<br>to use in your LINE app

Don't miss our<br>special offer

Earn 7% in PayPay Points* from<br>Yahoo! JAPAN Shopping

Set a ringtone and ringback tone<br>using your favorite song with<br>LINE MUSIC's LINE Melody

Access to over 12 million<br>Premium stickers

Do you have a Yahoo! JAPAN ID?

lui vendor

lui navigation bar

lui navigation bar spacer

lui navigation back


(() => {
  const styleElement2 = document.createElement('style');
  styleElement2.textContent = `
#__next:not([data-lps-mode="editor"]) #lyp_fixed_button,
#__next:not([data-lps-mode="editor"]) #lyp_pointList,
#__next:not([data-lps-mode="editor"]) #lyp_table {
  opacity: 0;
}
body {
  opacity: 0;
}
  `;


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

custom style

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 {
          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

las la-chevron-right

structuralData

customScript

Benefit details

Notes