クーポンが当たる！anybotで作る抽選ミニアプリの設定手順まとめ

目次

• はじめに
• クーポン設定
• 抽選キャンペーン設定
  • キャンペーン基本設定
  • 景品設定
  • 抽選画面作成
• 付随画面作成
  • クーポン一覧画面作成
  • クーポン一覧詳細作成
• おわりに

はじめに

この記事ではLINE上で動作する「クーポンを獲得できるガチャ」を作成していきます。

まず最初にbot一覧画面から、今回扱うbotの基本設定を開き、"キャンペーン" と "クーポン" にチェックを入れてください。

クーポン設定

1. ナビゲーションバー [クーポン] をクリック
2. [クーポン発行] ボタンをクリック
   1. クーポンの設定を入力し、[保存] をクリック
   2. 抽選の景品として扱いたい個数だけクーポンを発行

抽選キャンペーン設定

キャンペーン基本設定

1. ナビゲーションバー [キャンペーン] をクリック
2. [キャンペーン作成] ボタンをクリック
3. キャンペーン名を入力し、[保存] をクリック
4. 作成したキャンペーンをクリック
5. [開催期間] を設定
6. サブメニュー [参加当選設定] をクリックし、お好みで設定

景品設定

1. メニュー [景品設定] をクリック、[新規登録] をクリック
2. 任意のタイトルと画像を設定
3. 種別にクーポンを選択
4. クーポン名にクーポン設定で作成したクーポンを設定
5. 在庫登録数に任意の数を入力
6. [保存] をクリック
7. [当選確率] をクリックし、任意の確率に設定

抽選画面作成

1. [ミニアプリ設定] をクリック
2. テンプレート横の [変更] をクリックし、お好みのテンプレートに変更
3. ゲームタイプ横の [変更] をクリックし、お好みのテンプレートに変更
4. 景品画面で必要な画面をクリックし、チェックをつける
5. 画面右下 [作成] ボタンをクリック

付随画面作成

以下の作業はAPP設定にて行います。

クーポン一覧画面作成

1. 画面左下 [フォルダ操作] をホバーし、[フォルダ内に画面作成] をクリック
2. 画面タイプは "選択用データ一覧" を選択、画面名に "クーポン一覧" と入力して [保存] をクリック　
3. データ連携先に "マイクーポン一覧" を選択
4. その横の"パラメータ指定"に 「showMulti=1」と入力して [保存] をクリック

※このパラメータを記述することで、クーポン重複時に枚数分表示されるようになります

5. 検索ボックスとカテゴリ欄をクリックし、🗑️アイコンをクリックして削除

クーポン詳細画面作成

1. 画面左下 [フォルダ操作] をホバーし、[フォルダ内に画面作成] をクリック
2. 画面タイプは "コンテンツ詳細" を選択、画面名に "クーポン詳細" と入力して [保存] をクリック
3. データ連携先に "マイクーポン一覧" を選択
4. 「price」の文字列をクリックし、"" に変更
5. 不要なテキスト要素をクリックし、🗑️アイコンをクリックして削除
6. [ADD TO CART] ボタンをクリックし
7. ポップアップ内、[遷移先画面] をクリックして "クーポン一覧" を選択
8. ADD TO CARTをクリックし、"利用する" にテキストを変更
9. [その他の機能や動作を実行] の選択欄をクリックし "クーポン使用" を選択
10. "クーポン一覧" のVIEWに戻り、リスト素材をクリック
11. 遷移先画面に "クーポン詳細" を設定

公開作業

1. ナビゲーションバー内 [公開する] ボタン(画面右上)をクリック
2. ポップアップ内 [OK] をクリック
3. 確認したいミニアプリの編集画面で [URL & QR] をクリック
4. LINE接続が済んでいる方はQRをスマホで読み込み※1
5. 「ゲーム」と「クーポン一覧」画面をミニアプリの遷移先に指定※2