1. オリジナルフォームを送信後にトーク画面に戻る方法

オリジナルフォームを送信後にトーク画面に戻る方法

2022.11.24 更新
Text=kintsuba
■目的
オリジナルフォーム送信後に完了ページを表示させずトーク画面に戻る方法です。

■セット所有時間
5分

下記フォームサンプルページを元に説明します。
サンプルページをブラウザ上でソースコードをご確認いただくか、ファイルをダウンロードして内容をご確認ください。
フォームサンプルページ>
フォームサンプルダウンロード>

※ソースコード確認方法
対象ページをChromeブラウザで開いて下記操作を行ってください。
windows:Ctrl + U
mac:option + command + U


■セットの流れ
サンプルページを例に説明をしていきます。
編集ファイル:complete.html

フォーム送信後に表示される完了ページ(complete.html)に、自動でLIFFを閉じる動作を入れます。
実際の閉じる動作はLINEのLIFF内でしか動作しないのでご注意ください。

(1)body閉じの上に下記2つのコードを追加
<!-- 削除禁止 -->
<script>
    liffclose();
</script>
<!-- 削除禁止 -->
※下記2つ目のコードは、フォーム内に既に記載がある場合は記載しなくてOKです
<!-- 削除禁止 -->
<script charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
<script src="liff-starter.js"></script>
<script>
    window.onload = function (e) {
        liff.init({ liffId: "###liffid###" }).then(() => {
            liff.getProfile().then(function (profile) {
                document.getElementById('useridfield').value = profile.userId;
                //alert(profile.userId);
            }).catch(function (error) {
                //window.alert('Error getting profile: ' + error);
            });
        })
            .catch((err) => {
            });
    };
</script>
<script>
    function liffclose() {
        liff.closeWindow();
    }
</script>
<!-- 削除禁止 -->


(2)完了ページのコンテンツ部分は、コメントアウトか削除して非表示にする


ガイドの内容はあくまでもサンプルになります。
そのまま使用できない場合は対応するフォームにあわせての編集をお願いします。 
表示設定が正常にできない場合、ソースチェックの有償サポートも行っております。
ご希望の場合は設定代行バナー、もしくはお問い合わせLINE、チャットワークよりご依頼をお願いします。

ご希望通りのセッティングができましたか?

0人中0人がセッティングができたと言っています。

このマニュアルの作成者は kintsuba です。

こちらのマニュアルで希望のセッティングが出来なかった
際は、下記のどちらかでお問い合わせください。

フリープランの方はこちら
LINE公式アカウント機能拡張プラン、
オートコールセンタープランの方はこちら