設定前提
・流入経路のレコードを作成済み(Line友だち追加利用可能)。
・DX-LIneを利用できる環境とサイトがある。
メールまたSMSで送信するとき、先に先導ページに入って、表示されているURLをクリックすると、既存の流入経路機能を起動します。結果としては直接QRをスキャンと同じです。(送信URLー>先導ページURLー>流入経路LIFFー>友だちに流入経路を更新する)
設定方法
①下のサンプルでVFページを一つ作成して、流入経路に使っているLiffIdを入れて更新する。
VF例:
<apex:page showHeader="false" sidebar="false">
<script>
function getMobileOperatingSystem() {
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (/android/i.test(userAgent)) return "Android";
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) return "iOS";
return "Other";
}
function showRedirectLink() {
const liffId = "2006873165-D2w7BwN6"; //自分のliffIdを入り替え
const qrId = "a07IS00000563BCYAY"; //対象流入経路レコードのIdを入り替え
const channelId = "2006850912"; //利用中の公式アカウントのチャネルIdを入り替え
const os = getMobileOperatingSystem();
let redirectUrl = `https://liff.line.me/${liffId}?p=${qrId}&c=${channelId}`;
if (os === "Android") {
redirectUrl = `intent://liff.line.me/${liffId}?p=${qrId}&c=${channelId}#Intent;scheme=https;package=jp.naver.line.android;end`;
}
const linkElement = document.getElementById("lineRedirectLink");
linkElement.href = redirectUrl;
linkElement.style.display = "inline-block";
}
window.onload = showRedirectLink;
</script>
<!-- ページの表示する部分、自由に編集可能 -->
<a id="lineRedirectLink" href="#" style="display: none;font-size:2rem">
友だちの追加はこちらのURLをご利用ください。
</a>
</apex:page>
②SMSまたメールに上記のVFページにアクセスできるURLを添付する。
(サイトドメイン + VFページ名 例:https://dxlinedemo20250203-dev-ed.develop.my.site.com/DxLineIndex/UserOSInitializationPage)