> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/setup/smartcode/t51sdi62b2.md). # ウェブサイトにスマートコードを設置する VWOの機能を利用するための最初のステップは、テスト実行予定のすべてのウェブページに[スマートコード](/setup/smartcode/sbly7c1dv7.md)を設定することです。 ### **スマートコード設置時の注意点** * ウェブサイトがテンプレートベースのヘッダーやフッターを使用している場合、ウェブサイト全体に実装するためにコードスニペットをヘッダーに追加してください。 * スマートコードは、ウェブサイトの***\*** と ***\*** の間に設置する必要があります。先頭にコードスニペットを追加すると、コードをより速く実行できます。 * ページ上のiframeコンテンツをテストする場合、スマートコードをiframeのURLにも設置する必要があります。 {% hint style="info" %} ウェブページにスマートコードが正しく設置されているかどうかを確認するには、「[スマートコードチェッカー](/setup/smartcode/krsdu1c433.md)」をご参照ください {% endhint %} ### **スマートコードを設置する方法** **手順** 1. VWOアカウントにログインします。 2. 管理画面サイドメニュー\[Configulations]>\[Websites and Apps]を選択し、\[introduction]から「connect now」をクリックしてください。

[Configulations]>[Websites and Apps]

{% hint style="info" %} \[Websites and Apps]ページの詳細については、[「ウェブサイトとアプリを登録する」](/setup/smartcode/k1vdocok5r.md)をご確認ください。 {% endhint %} 3. 表示されるポップアップで、ウェブサイトのドメイン名を入力し追加します。

[Configulations]>[Websites and Apps]

4. VWOはウェブサイトを分析および検証して、サイト固有のスマートコードを生成します。完了すると、下記のように表示されます。赤枠内のコードスニペットを取得してください。このコードは、デフォルトでは非同期スマートコードが表示されます。
{% hint style="info" %} 同期スマートコードについては、[「同期スマートコード」](/setup/smartcode/fqbm88wvt3.md)をご確認ください。 {% endhint %} 5. 開発者に相談してコードを追加する必要がある場合は、カーソルアイコンクリックで\[**開発者に送る**]から、コードスニペットをメールで送信できます。
6. 自分でスマートコードを設置する場合は、スマートコードをウェブサイトの***\*** と ***\*** の間に設置してください。 {% hint style="warning" %} Googleタグマネージャーなどのタグマネージャーを使用してスマートコードを設置しないでください。 デフォルトでは、すべてのタグマネージャーはVWOスマートコードを非同期的にロードするため、テストページでページがちらつく可能性があります。 また、タグマネージャーを使用すると、VWOスマートコードの読み込みに遅れが生じ、タイムアウトの問題が発生し、訪問者がテストに参加できなくなることがあります。 {% endhint %} {% hint style="warning" %} Firefox および Safari ブラウザのデフォルト設定では、VWOスマートコードをシークレット モードで実行することはできません。ただし、デフォルト設定は次の方法で無効にできます。\ \ 1\. Safariブラウザで追跡する場合は、**\[設定**] > **\[プライバシーとセキュリティ]**に移動し、**\[サイト越えトラッキングを防ぐ]**設定を無効にします。\ \ 2\. Firefoxブラウザで追跡するには、**\[設定]** > **\[プライバシーとセキュリティ**] > \[**カスタム]**に移動し、次の設定 **( Cookie**と**追跡コンテンツ）**を無効にします。 {% endhint %} ### **その他の設置方法** 下記方法でスマートコードを設置する場合は、お手数ですが各詳細（英語版）をご確認ください。 * [Rocket Loader を使用してスマートコードを設置する](https://help.vwo.com/hc/en-us/articles/360019422834#h_01GPB6H3B0XTHMXBC7PH9THSAS) * [Next.js Web サイト用のスマートコードを設置する](https://help.vwo.com/hc/en-us/articles/360019422834#h_01GPB6HDX89XVRZ8AAWXH0NPS9) * [React Helmet を使用してスマートコードを設置する ](https://help.vwo.com/hc/en-us/articles/360019422834#h_01GPB6HMSK7Y8TV22VDH8EGHDH) * [Shopify Hydrogenを使用してスマートコードを設置する](https://help.vwo.com/hc/en-us/articles/360019422834#h_01HHYNMXW6D2RVPQF5JC0AWKDZ) ※本ページは[\[原文：Configuring the VWO SmartCode for Your Website\]](https://help.vwo.com/hc/en-us/articles/360019422834-Configuring-the-VWO-SmartCode-for-Your-Website)を翻訳・加筆修正しています。