本文へスキップ

Beacon ドキュメント・ヘルプセンター

Beacon by Lizunaの導入マニュアル、公式セルフヘルプガイド、テーマ設置手順、およびよくある質問。

本人確認ページをテーマに手動で設置する

カスタムのShopifyテーマに、購入者の本人確認ページを手動で追加する場合の手順とLiquidスクリプト。

レガシーテーマ専用この手動設定は、「レガシー」(ヴィンテージ)テーマを使用しているストアでのみ必要です。Online Store 2.0以降のテーマを使用している場合は、Beaconの管理画面またはShopifyのテーマエディターから、アプリブロックを直接追加してください。
1Shopify管理画面メニューから「オンラインストア」>「テーマ」を開きます。
2「アクション」(または「…」メニュー)をクリックし、「コードを編集」を選択します。
3左メニューの「Templates」の下にある「新しいテンプレートを追加」をクリックします。
4テンプレート種別で「page」を選択し、名前に「verify」と入力して作成します(page.verify.liquid)。
5下記の本人確認用スクリプトをコピーして page.verify.liquid に貼り付け、「保存」をクリックします。
6Shopify管理画面の「オンラインストア」>「ページ」に移動します。
7「ページを追加」をクリックし、タイトルを「Verify」に設定します。
8右サイドバーの「テーマテンプレート」で「page.verify」を選択します。
9「保存」をクリックすると、カスタムの本人確認ページが有効になります。
templates/page.verify.liquid
<div class="verify_page"></div>
{{ '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' | script_tag }}
<script>
  $(document).ready(function(){
    if ($('body').find('.verify_page').length != 0) {
      function getQueryParams(qs) {
        qs = qs.split("+").join(" ");
        var params = {}, tokens, re = /[?&]?([^=]+)=([^&]*)/g;
        while (tokens = re.exec(qs)) {
          params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
        }
        return params;
      }
      var params = getQueryParams(document.location.search);
      if (typeof params['code'] === 'undefined' || typeof params['id'] === 'undefined') {
        $('.verify_page').html('<h3>Nothing here.</h3>');
      } else {
        $.ajax({
          type: "POST",
          url: 'https://apt507.com/apartment/check_verify',
          crossDomain: true,
          contentType: "application/x-www-form-urlencoded",
          async: false,
          data: { "id": params['id'], "key": params['key'] },
          dataType: 'json',
          cache: false,
          success: function (data) {
            if (data.result === 1) {
              $('.verify_page').html('<p style="text-align:center;margin-top:20px;">You have already activated your account!</p>');
            } else {
              var html = '<div style="text-align: center;">Please, verify your account!</div>';
              html += '<div style="text-align: center;background-color:#E3D0FF;border:none;width:162px;height:40px;padding:9px 20px;margin:0 auto;"><a href="javascript:void(0);" id="verify_btn">Click here to Verify</a></div>';
              $('.verify_page').html(html);
            }
          }
        });
      }
    }
  });
</script>

よくある質問(FAQ)

技術、運用、請求に関するよくあるご質問への詳しい回答。

不正を100%なくせると保証できる不正対策ツールはありません。Beaconのインテリジェントな多層防御は、自動化されたボット攻撃、カードテスティング、既知の悪質な購入者の大部分をブロックします。判断が分かれる注文は、正規の購入者をキャンセルすることなく、ストア側で安全に確認できます。

まだご不明な点はありますか?

東京のバイリンガルな不正対策チームが、リスクルールの微調整をお手伝いします。

サポートへ問い合わせる