> For the complete documentation index, see [llms.txt](https://manual.dxable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.dxable.com/optimizely/platform/optimizely-data-platform/campaign-engagement/collect-sms-subscribers-using-a-web-modal.md).
# ウェブモーダルを使用してSMS購読者を収集する
注記
2023 年 4 月より前にキャンペーンにアクセスしていた場合、Optimizely はタブ名を \[**キャンペーン]から\[アクティベーション]**に更新しました。 すべての機能は同じままです。
SMS および MMS を通じて顧客との関わりを開始する前に、電話で連絡する許可を顧客から得る必要があります。 買い物客が自分の電話番号を入力し、SMS 通信を明示的にオプトインできるようにする Web モーダルを設定します。
### SMS オプトイン用の Web モーダルを構成する
Web モーダルの既存のフォームに電話番号フィールドを追加することも、電話番号収集用のモーダルとフォームを作成することもできます。
以下の例は、モーダルとフォームを作成して電話番号収集用の Optimizely Data Platform (ODP) Web モーダルを設定する方法を示しています。
#### **ステップ 1: Web モーダルを作成する**
1. に移動します**。**
2. **「最初から作成」**をクリックします。
3. **\[登録]**セクションはデフォルトで**\[すべての訪問者]**に設定されています。 このキャンペーンのオーディエンスとして[リアルタイム セグメント](https://support.optimizely.com/hc/en-us/articles/10033776446733)を使用する場合は、リストから 1 つを選択します。
4. クリックして**タッチポイント 1を編集します**。
5. **\[Web モーダル]**をクリックします。
6. **\[ターゲット]**を展開し、訪問者に Web モーダルを表示させたい Web サイトを入力します。
#### **ステップ 2: オプトイン フォームを構成する**
Web モーダルのレイアウトをデザインします。 データ収集を機能させるには、次のフォーム要素が必要です。
* 電子メール収集用のテキストフィールド
* 電話番号収集用のテキストフィールド
* 2 つのチェックボックス。 1 つは顧客が電子メール通信を明示的にオプトインできるもので、もう 1 つは顧客が SMS 通信を明示的にオプトインできるものです。
* 送信ボタン
必要な要素を追加するには、デザイナーの**「要素」タブに移動し、 「フォーム」**セクションを展開します。
#### **ステップ 3: オプトインフィールドを構成する**
**電子メールアドレスフィールド**
1. フォームの最初のテキストフィールドを選択します。
2. **「詳細」タブ**に移動します。
3. **\[フィールド]**ドロップダウン リストを展開し、 **\[電子メール]を選択します**。 これにより、フィールドが自動的に必須になります。
**国コードセレクター付きの電話番号フィールド**
1. 2 番目のテキスト フィールドを選択します。
2. **「詳細」タブ**に移動します。
3. **\[フィールド]**ドロップダウン リストを展開し、 **\[電話]を選択します**。
注記
\
\&#xNAN;**、\[国コードの表示]**および**\[国コードの選択の有効化]**を自動的に有効にし、**デフォルトの国コード**として米国を選択します。 訪問者が電話番号を適切にフォーマットできるように、国コードセレクターを有効のままにしておく必要があります。
1. \[必須**] が**有効になっていることを確認します。
**チェックボックス**
1. チェックボックスフィールドを選択します。
2. **「詳細」タブ**に移動します。
3. **\[アクション]**ドロップダウン リストを展開し、 **\[オプトイン]を選択します**。
4. 電子メールおよび SMS マーケティング コミュニケーションについて訪問者から明示的な同意を確実に取得するには、 **\[必須]**を有効にします。
注記
\
\&#xNAN;**\[識別子]**フィールドを**\[すべて (グローバル オプトイン)]に**設定しない場合は、メッセージング識別子フィールドごとに 1 つのチェックボックスが必要です。 この例では、 **IdentifierがEmail**に設定されているチェックボックスが 1 つと、 **Identifier がPhone**に設定されている別のチェックボックスが必要です。\
**送信ボタン**
1. 送信ボタンフィールドを選択します。
2. **「詳細」タブ**に移動します。
3. **\[アクション]**ドロップダウン リストを展開し、 **\[確認デザイン]を選択します**。 これにより、訪問者がクリックしてフォームを送信したときに、サイト上の訪問者の場所を中断することがなくなります。
#### **ステップ 4: モーダルが表示されるタイミングを設定する**
1. **「トリガー」セクション**を展開します。
2. 必要に応じて設定を調整します。
#### **ステップ 5: Web モーダルをプレビューする**
1. **「プレビュー」**をクリックします。
2. Web モーダルをプレビューする**Web ページの URL**を入力します。
3. **\[プレビューの生成]**をクリックします。
新しいブラウザー タブが開き、Web モーダルのプレビューが表示されます。
#### **ステップ 6: 確認メッセージを作成する**
新しい SMS 購読者に[確認メッセージを送信する](https://support.optimizely.com/hc/en-us/articles/4407767153549)SMS キャンペーンも作成する必要があります。 Web モーダルを公開する前に、このキャンペーンを開始する必要があります。