매장에서 사용하는 LINE 공식 계정 사용
LIFF를 이용하여 소개를 연결해 나가는 구조를 공개했습니다.

LINE 공식 계정을 사용하여 친구의 소개를 유도합니다.

점포 등에서 LINE 계정을 개설해도 친구 추가를 받을 수 없으면 대상이 늘어나지 않는 데는 도움이 되지 않습니다.
통상의 운용에서는, 「친구 추가로 쿠폰을 선물!」라고 하는 방법 등으로 친구 늘리는 것이 일반적입니다만, 소개 캠페인 같은 일을 할 수 없을까 상담이 있었습니다.

<소개 캠페인이란? ＞
고객이 고객의 누군가를 소개해 주면 현금백이나 특별 쿠폰을 내는 캠페인입니다.
입회나 구매 촉진의 책으로서, 스포츠 체육관에서는 잘 하고 있네요.

이번은, LINE 어카운트에 등록해 준 손님을 기점으로서, 그 친구를 소개해 주자고 하는 생각입니다.
기존의 방법에서는 캠페인용 서비스권과 같은 것을 인쇄해 건네주었습니다.
이것을 「LINE 공식 계정을 사용해, 보다 스마트하게 관리도 편하게 할 수 없는가?」라고 하는 것이 이번 테마입니다.

LIFF를 사용하여 추천용 코드 얻기

LINE 공식 계정의 Messaging API에는 LIFF라는 메커니즘이 있습니다.
"LINE Front-end Framework (LIFF)는 LINE 내에서 실행되는 웹 앱 플랫폼입니다."라고 LINE Developers에 게재되어 있습니다.
자세한 것은 이쪽

이 LIFF를 사용하면 LINE 앱 내에서 특정 HTML을 열고 LINE ID를 가져오고 메시지를 보낼 수 있습니다.

이번 시스템 구축에서는, LINE 앱으로부터 접속된 쪽의 ID를 취득해, 그 ID를 이용해 소개 코드의 발행 관리를 할 수 있도록 하고 있습니다.
구체적인 이미지는 아래 이미지와 같은 이미지입니다.



LIFF가 출시되기 전에는 LINE 봇을 통해 추천 코드를 회신했지만 LIFF를 사용하면 사용자는 LINE 앱 내에서 특정 페이지에 액세스하기만 하면 추천 코드를 얻을 수 있습니다.
여기까지의 흐름이 모두 LINE 앱내에서 행해지고 있기 때문에 부드럽습니다.

화면 이미지는 여기입니다.

사용중인 LIFF 스크립트 정보

LINE 앱에서 액세스하는 페이지의 HTML에 LIFF에서 사용할 수 있는 다음 script를 코딩하여 실현하고 있습니다.

<script src="https://d.line-scdn.net/liff/1.0/sdk.js"></script>
        <script>
            var id = null;
            var send_text = null;

            window.onload = function() {

                liff.init(function (data) {
                        initializeApp(data);
                });

            };

            function initializeApp(data) {

                id=data.context.userId; //LINEの内部識別IDを取得。ちなみ内部識別IDはそれぞれの公式アカウントのプロバイダーごとで異なります。
                $.ajax({
                    type: "POST",
                    url: "***送信先***",//ユーザーIDを送信して紹介コードを発行してもらう
                    data: {
                        "id": id
                    },
                    success: function(html){
                        syoukai_code(html);
                    }
                });
            };

            function syoukai_code(html){
                var result = html //紹介コードを取得して画面に反映させる。

                var elem1 = document.getElementById("**反映させるところのid**");

                elem1.innerHTML = "<span style='font-size: 20px;'>紹介コード ： </span><span style='font-size: 20px;'>" + result +"</span>";

                //送信ボタンの内容を記述　　押すとLINEアプリでメッセージ選択できる
                send_text = "http://line.me/R/msg/text/?" + "「店舗名〇〇〇〇」を紹介するよ。下の紹介コードを使うと3000円OFFになるって！%0D%0A「 紹介コード ： " + result + " 」　";
            };

            function onButtonClick() {

                location.href=send_text;

            }


</script>

소개용 코드를 친구에게 보내 달라고 한다.

파란색 버튼을 탭하면 LINE 앱 토크로 추천 메시지를 보낼 수 있습니다.

아래와 같이 URL의 파라미터로서 메세지의 내용을 기술합니다.
이 메시지 내용에 추천 코드를 포함하여 가능한 한 쉽게 전송할 수 있도록 합니다.

http://line.me/R/msg/text?****** 메시지 내용******* "

소개 후의 흐름에 대해서

「소개자가 입회나 구매에 연결되면 캐쉬백」이라고 하는 캠페인이기 때문에, 단지 보내면 좋다고 하는 것은 아닙니다.
이번에는 소개 코드를 발행한 LINE 회원이 누군가를 데이터베이스에 등록하고 관리하기로 했습니다.
점포에서는 이 코드를 관리함으로써 누구의 소개로 온 고객인지 알게 됩니다.

이번에는 이러한 관리를 채용하고 있습니다만,
소개된 분들도 LIFF를 이용하여 소개 코드를 취득한다! 라고 하는 흐름도 할 수 있습니다.

그러나 여기에서도 LIFF를 이용하는 경우에는 '친구 추가'를 받고 이용 권한에 대해 승인받을 필요가 있습니다.
소개된 쪽은 점포를 모르는 편이 대부분이므로, 단순히 LINE의 토크에 송신하는 것으로 둡니다.