URLから友だち流入経路経路を取得する

設定前提

・流入経路のレコードを作成済み(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

タイトルとURLをコピーしました