> 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/fqbm88wvt3.md). # 同期スマートコード ### 同期スマートコードの取得 [「ウェブサイトにスマートコードを設置する＞スマートコードを手動で設置する方法」の手順](/setup/smartcode/t51sdi62b2.md#_3qxoiqnzepme)を実施した後に取得できます。 手順を実施した後、デフォルトでは下記のように非同期コードが表示されます。右の\[**⚙**]をクリックしてカスタマイズ画面を開き、同期コードを選択し保存をクリックしてください。

非同期スマートコード表示

スマートコードのカスタマイズ

下記のように同期スマートコードが表示されますので、ウェブサイトの***\*** と ***\*** の間に設置してください。

同期スマートコード表示

### **同期スマートコードのワークフロー** ![](/files/vGEEgiJSBQ26DUuZQ4of) ### 利用可能なオプション ウェブページのパフォーマンスを最適化したい場合や、特定のキャンペーンを効率的に管理したい場合、下記2つのオプションが利用可能です。 1. VWOのjQueryの代わりに自身のウェブページのjQueryを使用する 2. カスタムURL設定 #### 1. VWOのjQueryの代わりに自身のウェブページのjQueryを使用する * 自身のウェブページが使用しているjQueryのバージョンがVWOが使用しているバージョン（1.4.2）と同じかそれ以上である場合、ウェブページ独自のjQueryを使用することができます。 * これは、ウェブサイトのパフォーマンスを保持しつつ、VWOのコードの実行速度を向上させるために有効です。 {% hint style="info" %} お客様のアカウントIDが460038以上のユーザーに対しては、標準のjQueryバージョン1.4.2ではなく、サイズが小さくカスタマイズされたjQueryバージョンが提供されます。これは、VWOを使用しているウェブサイトのパフォーマンスを維持するための措置です。この変更についての詳細は[こちらのブログ](https://engineering.wingify.com/posts/performance-improvements-in-vwo-smart-code/)をご覧ください。 上記のID未満のアカウントは影響を受けず、通常通り機能します。 {% endhint %} {% hint style="info" %} すでにウェブページでjQueryを使用していて、バージョンが指定範囲内の場合は、必要な帯域幅を減らし、より速く動作するように、VWOのjQueryなしバージョンを使用することをお勧めします。 {% endhint %} **同期スマートコードの場合：** ``` < script src = "https://dev.visualwebsiteoptimizer.com/lib/_nojq.js" > < /script> < !--VWO One Smartcode ends --> ``` 例えばアカウントID#45のコードを追加する場合、下記のようなコード表記になります。 ``` < script src = "https://dev.visualwebsiteoptimizer.com/lib/45_nojq.js" > < /script> ``` {% hint style="warning" %} VWOのデフォルトのjQueryを使用しない場合、VWOのコードの前にjQueryが読み込まれていることを確認してください。 {% endhint %} #### **2. カスタムURL設定** カスタムURLを設定することで、キャンペーンを実行したいページをより正確にターゲットにすることができます。以下のコードを追加することで、カスタムURLを追加することができます。 ``` window.VWO = window.VWO || []; window.VWO.push(['activate', { virtualPageUrl: 'NEW_VIRTUAL_PAGE_URL' }]); ``` カスタムURLは、以下の場合に設定する必要があります。 * 複数のページにわたってキャンペーンを実行する必要があり、URLに共通のパターンがない場合、カスタムURLを使用して特定のパターンを生成することができます。 * 特定のページでキャンペーンを実行する必要があり、URLパターンが含まれない多くのページと一致する場合、キャンペーンに含めるページに共通のカスタムURLを追加することができます。 カスタムURLの詳細については、[「シングル ページ アプリケーション（SPA）にVWOを使用する」](/setup/smartcode/145a58m5mt.md)および [「カスタムURLを使用してサイト全体のテストを実行する」](https://help.vwo.com/hc/en-us/articles/360020435574)を参照してください。 ### 新しい同期スマートコードについて VWOは同期スマートコードを新しいバージョンに更新しました。以下は、以前のバージョンからの変更点をご案内しています。 #### **新しい同期スマートコードに移行するメリット** バージョン55以上のChromeブラウザは、低速 2G ネットワーク上で document.write によって挿入されたクロスドメイン スクリプトをブロックする可能性があります。 詳しくは、「」 をご覧ください。 非推奨の古い同期コードはdocument.write()を使用しており、遅いネットワークでブロックされることがありました。※この影響はVWOのみであり、ウェブサイトには影響ありません。 #### **新しい同期スマートコードの付加価値** 1. 応答はブラウザにキャッシュされ、次のリクエストが行われる際に、VWOサーバーに対して「前回の応答以降に何か新しいものがあるか」と問い合わせます。新しい内容がなければ、サーバーはすぐに応答（304応答コードを使用）し、ブラウザはキャッシュからコンテンツを提供します。新しい内容がある場合、サーバーは新しいコンテンツで応答し、それが再度ブラウザでキャッシュされます。 2. 設定とライブラリは単一のリクエストで組み合わされ、ブラウザがVWOコードをより迅速に実行できるように事前に読み込むことができます。以前は、実行中にスマートコードによってリクエストに動的パラメータが追加され、VWOの設定とライブラリの提供が遅延していました。 3. デフォルトで、シングルページアプリケーション (SPA) をサポートします。 #### **新しい同期スマートコードの注意点** スマートコードの一部で、まだdocument.writeを使用しています。これは以下の目的で行われています： a. プレビューとヒートマップが以前のようにシームレスに動作するようにするため。 b. 複数ドメインのキャンペーンの場合にcookieを取得するため。呼び出しがブロックされた場合、他の方法がクッキーの取得に使用されます。 スクリプトには明示的な「no-cache」が設定されています。これは、キャンペーンに何か変更があった場合に、設定が直ちに反映されることを保証するためです。 設定が一定期間キャッシュされている場合、新しい設定はキャッシュ期間が終了するまでサーバーから取得されません。そのため、サーバーに対して呼び出しが行われ、サーバーは直ちに「新しい変更はありません（304 Not Modified）」と返信し、ブラウザはキャッシュからそれを提供します。」 ※本ページは[\[原文：Synchronous SmartCode in VWO\]](https://help.vwo.com/hc/en-us/articles/360034514514-Synchronous-SmartCode-in-VWO)を翻訳・加筆修正しています。