Optimizely 同期実装
この投稿では、utag.sync.jsコンテナを介してOptimizely Synchronousをロードする手順を説明します。utag.sync.jsは、ページのHTMLの<head></head>セクションに含まれている場合、ページのロード時に早期に実行されます。Optimizely Sync Tagの現在のユーザーには、このタグが廃止されたため、この形式の実装に切り替えることを強くお勧めします。既存のタグインスタンスのみがサポートされています。
Tealiumのベストプラクティスは、すべてのタグを非同期でロードすることです。
重要：Optimizelyツールは utag.sync.jsを検出できません
執筆時点では、Optimizelyのツールは、タグ管理システムを介して提供される同期スクリプトを検出することができません。Tealium iQがスクリプトを提供しているページでツールを実行すると、エラーメッセージが表示されます。Optimizelyはこの問題を迅速に解決するために作業していますが、それまではエラーメッセージを無視しても安全です。私たちの推奨は、Optimizely Synchronousが期待通りにページ上でロードされているかどうかを確認するためにGhosteryツールを使用することです。
utag.sync.jsコンテナを使用してOptimizely Syncをロードする（推奨）
この方法は、utag.jsファイルがページ上で非同期にコード化されていることを前提としています。
ステップ1：utag.sync.jsファイルの作成を有効にする
- 管理メニューで、公開構成の構成をクリックします。公開構成ダイアログが表示されます。
- 実装リストまでスクロールし、utag.sync.jsを生成トグルを有効にします。
- 保存をクリックして構成を適用します。
ステップ2：テストが実行されるすべてのページにutag.sync.jsスクリプトを追加します。スクリプトにアクセスする方法は次のとおりです：
- 管理メニューで、コードセンターをクリックします。コードセンターダイアログが表示されます。
- コードセンターダイアログの左パネルで、選択した環境を選択します。対応するコードが右パネルに表示されます。
- サンプルHTMLタブを選択し、
utag.sync.jsスクリプトをコピーします。 - スクリプトをコピーし、ページのHTMLの<head></head>セクションに追加します。
ステップ3：Optimizelyプロジェクト番号の構成
- 管理メニューで、テンプレートの管理をクリックします。
- テンプレートリストを展開し、**uTag Sync（プロファイル）**を選択します。
- テキストエディタに以下のコードブロックを貼り付けます。
document.write('<script type="text/javascript" src="//[cdn.optimizely.com/js/12345678.js](http://cdn.optimizely.com/js/12345678.js)"></scr'+'ipt>');
12345678をOptimizelyから提供されたプロジェクト番号に置き換えます。- プロファイルテンプレートを保存をクリックし、テンプレートウィンドウを閉じます。
ステップ4：プロファイルを保存/公開します。
これで、ページ上でutag.sync.jsファイルは非常に上部でロードされます。なぜなら、それはHTMLの<head></head>に挿入されるからです。これにより、OptimizelyのJavaScriptファイルはページのロードが非常に早い段階で同期的にロードされ、A/Bテストも非常に早い段階で開始されます。その後、ページのロードプロセスが進むと、utag.jsファイルがロードされ、残りのタグが非同期でロードされます。
最終更新日 :: 2016年July月8日