> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md).

# マイクロサイトを設定する

素早くマイクロサイトを設定するには、自動セットアップ機能のご利用をおすすめします。このガイドでその方法をご紹介します。

1. 左側のナビゲーションメニューで、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → コンテンツ**.
2. 次の *マイクロサイト* カードで、 **セットアップ内容**.
   * すでにマイクロサイトを追加している場合は、選択します **コンテンツを編集** をご利用ください。

     <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FtEyxdFwDNubOD9UXBSZo%2FScreenshot%202026-05-15%20at%2018.26.42.png?alt=media&amp;token=2538fcde-f58e-461b-b4a8-f968abc4f4cc" alt=""><figcaption></figcaption></figure></div>
3. 左側ナビゲーションにあるテンプレートオプションを使って、マイクロサイトを自動セットアップしてください。

{% stepper %}
{% step %}
**ステップ1: マイクロサイトをプログラムにリンクする**

この手順はマイクロサイトエディターで完了します。

1. 左側のナビゲーションメニューで、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → コンテンツ**.
2. 次の *マイクロサイト* カードで、 **内容を編集**.
3. の *マイクロサイト* スライドアウトで、 **基本レイアウト**.
4. スライドアウト内の、以下にある *現在のレイアウト*、 **レイヤー**.
5. 次の **プログラムセクション** 行を選択し、スライドアウトを閉じます。
6. ページ右側のコンポーネントメニューで、ドロップダウンリストを使用して、このマイクロサイトに接続するプログラムを選択します。
7. 選択してください **保存** ページの右上隅にある
   {% endstep %}

{% step %}
**ステップ2: マイクロサイトの登録フォーム設定を調整する**

登録フォームは、マイクロサイト経由で登録した参加者全員の氏名とメールアドレスを収集します。フォームが収集する情報は、マイクロサイトエディターで登録フォームを編集することで変更できます。

{% hint style="info" %}
**注：** マイクロサイトの自動セットアップを使用して作成した場合、登録フォームは自動的に作成されています。フォーム項目を調整したい場合を除き、この手順はスキップできます。
{% endhint %}

1. 左側のナビゲーションメニューで、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → コンテンツ**.
2. 次の *マイクロサイト* カードで、 **内容を編集**.
3. の中で *マイクロサイト* スライドアウトで、次を選択します **登録** 以下のページ *ログアウト時レイアウト*.
4. 選択してください ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90673bb8db696bdefe7b207cfc07c46caf1d43f1%2Fce7a994978f06dd84cc6a31b890071502b4831990afd8fdd73f73c6d2e203660.png?alt=media) **\[終了アイコン]** を最小化するために *マイクロサイト* タブを選択します。
5. ページ右側のコンポーネントメニューで、次を展開します **マイクロサイトのコンポーネント**、次にフォームコンポーネントのいずれかを選択します。
6. 以下のいずれかを選択して、コンポーネントをマイクロサイトページに追加します **追加先** キャンバス上の配置先。
   * 次を参照してください [マイクロサイトエディターの解説](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained.md) マイクロサイトの機能をよりよく理解するために。
7. 選択してください **保存** ページの右上隅にある
   {% endstep %}

{% step %}
**ステップ3: マイクロサイトにドメインを追加する（任意）**

デフォルトでは、各マイクロサイトはドメイン `http://companyname.advocate.impact.com/`を使用しますが、お持ちのドメインを使用することもできます。次のヘルプ記事をご覧ください: [ドメインの設定](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) マイクロサイトで使用したい場合。
{% endstep %}

{% step %}
**ステップ4: マイクロサイトのheadにカスタムHTMLを追加する**

デフォルトでは、ブラウザのタブ上部にタブアイコンを設定するHTMLが含まれています。アイコンは会社のロゴに置き換えることができます。置き換えない場合、タブには既定のロゴが表示されます。 `head` 要素は、必要に応じてSEO関連のscriptタグやその他のブランディング/スタイリング要素を挿入できる場所でもあります。

1. 左側のナビゲーションメニューで、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → コンテンツ**.
2. 次の *マイクロサイト* カードで、次を選択します **設定を編集**.
3. 次の下で *サイトホスティング* 見出しで、次を見つけます *Head HTML* セクション。
4. スクリプトを貼り付け、次を選択します **設定を保存**.
   {% endstep %}

{% step %}
**ステップ5: マイクロサイトのレイアウトとページをカスタマイズする**

既定のマイクロサイトにはテンプレートが適用されていますが、顧客アドボケイトに展開する前にカスタマイズする必要があります。サイトのレイアウト、ページ、ブランディング、コンテンツをカスタマイズできます。

少なくとも、以下をおすすめします:

* ダッシュボードをカスタマイズする。
* ブランドコンテナーを変更する。
* マイクロサイトのヘッダーをカスタマイズする。
* ライフサイクルメールテンプレートを確認する。
* ページコンテンツを編集する。

次のドキュメントをご参照ください: [マイクロサイトのレイアウトとページのカスタマイズ](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md) これらやその他の方法について詳しく知ることができます。
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
