メインコンテンツにスキップ

心理テスト|モジュール設定

心理テストキャンペーンの作成手順を、結果設定から賞品連携まで8つのステップでご案内します。

心理テストキャンペーンの作成方法

8つのステップで心理テストの構成を把握しましょう

【Step 1】基本設定
キャンペーン期間、参加資格、申し込みフォームなどを設定します

【Step 2】結果数を決めて、結果ページを編集する

何通りの結果を用意するかを決め、心理テストの結果文とコンテンツを作成します
【Step 3】フォトフレーム合成結果を使うかを決める
ユーザーのアップロードした写真と、あらかじめ設定したフォトフレームを合成し、結果に表示する機能
​【Step 4】設問を作成し、各結果と関連付ける

設問を編集し、設問と結果を関連付けるタイプ(割り当て型、程度型、ランダム型)を選択します
【Step 5】カバーページをデザインする

【Step 6】トランジションページをデザインする

【Step 7】賞品インセンティブをデザインする

参加で一律クーポン配布/シリアルコード、ゲーム参加、抽選などを設計できます
【Step 8】キャンペーンWEBページを作成する
​
*すべてのステップが必須設定というわけではありません。キャンペーンの要件に合わせて調整してください!
​

1. 基本設定

まず、キャンペーン期間、参加資格、申し込みフォームの編集を完了してください。
​

2. 心理テストの結果数を決める

設問の各回答は、1つまたは複数の結果に紐付ける必要があります。そのため、設問を作成する前に、まず結果の数を決めて設定を完了させてください!結果が決まったら、関連する商品・サービスの紹介など、コンテンツの作成・組み込みを始められます。
​

編集画面の都合により、編集画面上では「結果ページ」と「結果1」の2つのブロックに分かれていますが、実際にユーザーから見ると、同一のページに表示されます。
​


​-結果ページ(共通ブロック)

編集者が、すべての結果で共通して使うコンテンツを設定します。表示するかどうかは自由に決められます。

含まれる項目:主催者からのメッセージ(E)、シェアの案内(F)、シェアボタン(G)
➜ これらは「共通」のコンテンツのため、ユーザーがどの結果を受け取っても、表示されます。
​

-各結果(結果1、結果2、結果3…)
編集者が、それぞれの結果ごとに異なるコンテンツを設定します。

含まれる項目:結果タイトル(A)、結果画像(B)、結果説明(D)

➜ これらは結果ごとに「異なる」コンテンツで、各結果に対応する内容がそれぞれ表示されます。


​
【結果ページ全体は下図の通りです】
​

3. パーソナライズフォトフレーム結果を設定する

ルール設定で「フォトフレーム合成」をオンにると、設定した各結果に応じたフォトフレームをアップロードできます。
​


​

4. 設問と各結果の関連付けを設定する

心理テストの設問ロジックについて

心理テストは「加点」方式で設計されており、加点が最も多い結果が優先的に表示されます
(任意の設問セットを選択すると、右バナー「設問設定」>>選択肢と結果の関連性から、希望する対応方式を選べます)

割り当てー程度ーランダム

  • 割り当て型テスト:回答に応じて対応するテスト結果が決まります。各回答に明確なタイプがあるテストに適しています
    ​

  • 程度型テスト:関連度の強弱によって対応するテスト結果を計算します。よりきめ細かいテストに適しており、多様な回答と結果の組み合わせを作成できます
    ​

  • ランダム型テスト:回答とテスト結果に関連性はありません。おみくじ、占い、タロットなどのランダムな運勢診断に適しています

設問タイプについて

「テキスト」と「画像」二つのタイプから選べます。


​

選択肢の配置と選択肢のスタイル

「選択肢の配置設定」から、パソコン or スマートフォンごとに配置を設定できます
​

5. カバーページを編集する

カバーページの編集方法はこちらをご覧ください!

6. トランジションページを編集する

トランジションページを設計する目的は、ユーザーが待っている間も洗練されたデザインを感じられるようにすると同時に、プログラムの読み込み時間を確保し、スムーズな閲覧体験を実現することです。
​

- アニメーションヒントテキスト:ページの読み込み中、テキストが上下、左右に動きます。文字数は15文字以内を推奨します
​


-カスタムコンテンツ​ :アニメーションテキストの下に、カスタム情報を表示できます。ブランド情報やPR動画などを掲載できます
​

7. 賞品を設計する

「賞品編集」をクリックして、賞品の作成を開始してください。
シェア特典をオンにすることもでき、参加者が積極的に友達を同じキャンペーンに誘うよう促すことで、キャンペーンの拡散と参加実績を高めることができます!
​

シェアの流れを設定したい場合は、こちらのシェア特典設定ガイドをご参照ください

8. キャンペーンページを作成する

キャンペーンの説明やキャンペーン規約を掲載するランディングページが必要な場合は、左バナー「ウェブページ」から「+ページを作成」をクリックして作成してください!

素材リストと推奨サイズをまとめてご案内します!

素材名

推奨サイズ

デザイン例(スマートフォン版)

カバーページ

【前景】
1.画像挿入、テキストを直接編集可能

2. 画像のみのアップロードにも対応

- パソコン&タブレット:1500(w)x1200(h)px

- スマートフォン:500(w)x700(h)px
png、jpg、gif形式
サイズ制限:3MB以内
​
【背景】
1. デフォルトで斜線模様と単色背景を用意

2. カスタム背景に対応

- パソコン&タブレット:2400(w)x1600(h)px

- スマートフォン:800(w)x1422(h)px
サイズ制限:3MB以内

【前景】
​

【背景】
​


​キャンペーン背景

パソコン&タブレット

2880px(w)x1620px(h)
スマートフォン

590px(w)x1280px(h)
png、jpg、gif形式
サイズ制限:3MB以内


​設問ページ

【設問】
​サイズに制限はありません。以下の比率を参考に作成できます
1:1、1.91:1、1:1.91、4:3、3:4 、16:9、9:16
推奨サイズが必要な場合は
800px(w)x800px(h) を参考にしてください
png、jpg形式

サイズ制限:3MB以内
​
【選択肢背景】
960px(w)x120px(h)
*選択肢の配置に応じてサイズを調整してください*
例は1行に1つの選択肢を配置した場合のサイズです
png、jpg形式

サイズ制限:3MB以内

【選択肢】 設問タイプで画像を選択した場合は800px(w)x800px(h)
*選択肢の配置に応じてサイズを調整してください*

png、jpg形式

サイズ制限:3MB以内


【選択肢背景】
​


【選択肢】

トランジションページ

サイズに制限はありません
png、jpg、gif形式
サイズ制限:3MB以内
推奨サイズが必要な場合は600(w)x600px(h) を参考にしてください
​

結果ページ

【結果画像】
​サイズに制限はありません。以下の比率を参考に作成できます
1:1、1.91:1、1:1.91、4:3、3:4 、16:9、9:16
推奨サイズが必要な場合は
スマートフォン向け

1200px(w)x1600px(h)
スマートフォン&パソコン共通
1200px(w)X1200px(h)
png、jpg形式

サイズ制限:3MB以内
​
【結果フォトフレーム】
​サイズに制限はありません
推奨サイズが必要な場合は
1000px(w)x1400px(h)
png、jpg、gif形式
サイズ制限:3MB以内
​*ユーザーの写真が表示される部分は、必ず透明処理をしてください

シェア情報設定
カスタム画像
​

1200px(w)x630px(h)
png、jpg形式

サイズ制限:3MB以内
​
​*これはFacebookのシェア画像サイズです。主なシェア経路がLINEの場合は、1200px(w)x800px(h) に設定できます
​

*シェアリンクには参加者の結果画像が自動的に表示されます。カスタム画像を設定した場合は、どの結果であろうと設定した画像が表示されます。

ウェブページ情報

1200px(w)x630px(h)
png、jpg形式 ファイルサイズ制限:3MB以内
​
*キャンペーンURLを直接友達にシェアした場合、この画像が表示されます。

ウェブページシェア画像
​

すでにウェブページを作成している場合は、右バナー「ウェブページ」→「ウェブページを編集」から右上の「ページ設定」よりシェア画像をアップロードしてください。
1200px(w)x630px(h)
png、jpg形式

サイズ制限:3MB以内

異なる縦横比のスマートフォン表示イメージ

実際の画面表示の比較

カバーページ&ウェブページ背景

設問タイプ画像

選択肢背景

トランジションページ

フォトフレーム合成ページ

結果ページ

シェア画像イメージ

イメージ図
友達を招待ボタンをクリックし、
LINEで直接シェアをクリック
​

イメージ図

友達を招待ボタンをクリックし、

URLをコピー

*シェア画像にカスタム画像を設定していない場合は、結果画像が使用されます。
*LINEで直接シェアすると画像の一部が切り取られるてしまうため、主要なテキストは中央に配置することをおすすめします。

*これはFacebookのシェア画像サイズです。主なシェア経路がLINEの場合は、1200px(w)x800px(h) に設定できます


条件給獎設定ガイド

異なる結果ごとに対応する賞品を設定できます 例:結果Aにはクーポン、結果Bには試供品


​

【Step 1】まずエディターで結果を設定する

システムが賞品に対応する結果を判定できるよう、まず結果を設定してください。

【Step 2】賞品を追加する

【Step 3】条件付き付与を有効にする

「抽選ルール」タブより「条件付き付与を有効にする」をオン

【Step 4】結果に対応する賞品を選択する

完了すると、システムは設定した品目に基づいて自動的に賞品を配布します。
*必ず対応する賞品にチェックを入れてください。チェックを忘れると、賞品が正常に配布されませんのでご注意ください!


AI UGC 機能の有効化について

こちらの回答で解決しましたか?