(() => {
  const UTS_ID = 'linebaito';
  const APP_NAME = 'baito.line.me';
  const APP_ENV = 'release';
  const END_POINT = 'https://uts-front.line-apps.com';
  const USER_ID_LOCAL_STORAGE_KEY = 'utsUserId';

  function loadScript(src) {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = src;
      script.async = true;
      script.onload = () => resolve();
      script.onerror = () => reject(new Error(`Failed to load script: ${src}`));
      document.head.appendChild(script);
    });
  }

  function setUtsUserId() {
    const utsUserId = localStorage.getItem(USER_ID_LOCAL_STORAGE_KEY);
    if (utsUserId) {
      window.uts.set({ userId: utsUserId });
    }
  }

  function sendPageview() {
    const metaScreenNameTag = document.querySelector('meta[name="uts:screen_name"]');

    const screenName = metaScreenNameTag ? metaScreenNameTag.content : location.pathname;

    window.uts.sendPageview({ screenName });
  }

  loadScript('https://static.line-scdn.net/uts/edge/stable/uts.js').then(() => {
    window.uts.init(
      {
        utsId: UTS_ID,
        appName: APP_NAME,
        appEnv: APP_ENV,
      },
      {
        endpoint: END_POINT,
      }
    );

    setUtsUserId();

    sendPageview();
  });
})();

UTS custom

// torimochi
try {
  (function(g, d) {
    var v = 'release/stable';
    g._trmq = g._trmq || [];
    g._trm = g._trm || function() { g._trmq.push(arguments) };
    g.onerror = function(m, f, l, c) { g._trm('send', 'exception', m, f, l, c) };
    var h = location.protocol === 'https:' ? 'https://d.line-scdn.net' : 'http://d.line-cdn.net';
    var s = d.createElement('script');
    s.async = 1;
    s.src = h + '/n/_4/torimochi.js/public/v1/' + v + '/min/torimochi.js';
    var t = d.getElementsByTagName('script')[0];
    t.parentNode.insertBefore(s, t);
  })(window, document);
  ! function(e) { if (!e || !e.localStorage || !e._trm) return; var r = e.localStorage.userId,
      t = r && e.JSON.parse(r);
    t && e._trm("set", "userId", t), e._trm("enable", { productKey: "linearbeit-browser-real" }) }(window)
  _trm('send', 'pageview');
}
catch(e) {
  console.error('could not load torimochi, pageview maybe not sent', e);
}

// LCS
window.onload = function() {
  var DOMAIN = 'baito.line.me';

  function hideTitleBar() {
    window.LCS.Interface.displayTitleBar({ visible: false });
  }

  function addCloseButton() {
    if (location.host === DOMAIN) {
      return;
    }
    var rightAction = document. querySelector(".header .right_action");
    if (!rightAction) {
      return;
    }
    var el = document.createElement('button');
    el.className = 'close_button';
    el.style.backgroundImage = 'url(/static/images/titlebar/btn_close.png)';
    el.onclick = function() {
      if (typeof window.LCS !== 'undefined' && typeof window.Cordova !== 'undefined') {
        window.LCS.Interface.closeWebView();
      }
    }
    el.appendChild(document.createTextNode("CLOSE"));
    rightAction.appendChild(el);
  }

  function addShortcutToHome() {
    if (typeof window.LCS === 'undefined' || typeof window.Cordova === 'undefined') {
      return;
    }

    function errorCallback() {
      console.error('failed creating shortcut icon to home.');
    }
    var options = {
      iconUrl: 'https://' + DOMAIN + '/static/images/shortcut_icon.png',
      linkPath: '/?utm_medium=shortcut',
      label: 'LINEバイト',
    };
    window.LCS.Interface.createHomeShortcutIcon(errorCallback, options);
  }

  function setCreateShortcutEvent() {
    var nodeList = document.querySelectorAll('.LpgCompBtnCont > button.LpgCompBtn');
    if (nodeList.length === 0) {
      return;
    }
    var nodes = Array.prototype.slice.call(nodeList, 0);
    nodes.forEach(function(node) {
      if (node.textContent === 'ホーム画面に追加する') {
        node.addEventListener('click', addShortcutToHome);
      }
    });
  }

  function initialize() {
    if (isInitialized) {
      return;
    }

    hideTitleBar();
    addCloseButton();
    setCreateShortcutEvent();
    isInitialized = true;
  }

  var isInitialized = false;

  if (typeof window.LCS !== 'undefined' && typeof window.Cordova !== 'undefined') {
    initialize();
  }

  var count = 0;
  var RETRY_COUNT = 50;
  var INTERVAL_MILLI_SECONDS = 100;
  var id = window.setInterval(function() {
    count++;

    if (typeof window.LCS !== 'undefined' && typeof window.Cordova !== 'undefined') {
      clearInterval(id);
      initialize();
    }

    if (count >= RETRY_COUNT) {
      clearInterval(id);
    }
  }, INTERVAL_MILLI_SECONDS);
}

torimochi

las la-chevron-right

script

(() => {
  const UTS_ID = 'linebaito';
  const APP_NAME = 'baito.line.me';
  const APP_ENV = 'beta';
  const END_POINT = 'https://uts-front.line-apps-beta.com';
  const USER_ID_LOCAL_STORAGE_KEY = 'userId';
  const SCREEN_NAME = 'lp';

  function loadScript(src) {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = src;
      script.async = true;
      script.onload = () => resolve();
      script.onerror = () => reject(new Error(`Failed to load script: ${src}`));
      document.head.appendChild(script);
    });
  }

  function setUtsUserId() {
    const utsUserId = localStorage.getItem(USER_ID_LOCAL_STORAGE_KEY);
    if (utsUserId) {
      window.uts.set({ userId: utsUserId });
    }
  }

  function sendPageview() {
    window.uts.sendPageview({ screenName: SCREEN_NAME });
  }

  loadScript('https://static.line-scdn.net/uts/edge/stable/uts.js').then(() => {
    window.uts.init(
      {
        utsId: UTS_ID,
        appName: APP_NAME,
        appEnv: APP_ENV,
      },
      {
        endpoint: END_POINT,
      }
    );

    setUtsUserId();

    sendPageview();
  });
})();