埋め込みコードとホスティングオプション

この記事では、Dynamic Tag Management の様々なホスティングオプション(Akamai、セルフホスティング FTP 配信、セルフホスティングライブラリダウンロード)について説明します。

重要

導入を成功させるためには、Adobe ヘルプの指示に従うことが重要です。特に、ヘッダーのコードは、ドキュメントテンプレートの <head> セクションに配置する必要があります。また、フッターのコードは、</body> 終了タグの直前に配置する必要があります。これらの埋め込みコードをマークアップの他の場所に挿入したり、非同期メソッドを使用して埋め込みコードを追加したりする方法は、Dynamic Tag Management の実装としてサポートされて​いません

実装がサポートされていない場合は、予期しない結果となり、カスタマーケアとエンジニアリングチームでは対応できません。

単一ページに複数の埋め込みコードを含めることは、競合の原因となるので、サポートされていません。

ホスティングワークフロー

Dynamic Tag Management でのホスティングワークフローを次の図に示します。

ホスティングオプション

Dynamic Tag Management をデプロイするには、「Embed」タブにある次のオプションを 1 つ以上を使用します。

Akamai(Amazon S3 から移行)

  • 実装が最も簡単なホスティングオプション。
  • グローバルに分散した配信ネットワーク。
  • サードパーティインフラストラクチャに依存する機能(DNS ルックアップ、Akamai の可用性)を追加します。
  • Amazon S3 から Akamai への移行については、Akamaiを参照してください。
  1. Dynamic Tag Management によって、カスタム JavaScript ライブラリが生成されます。
  2. Dynamic Tag Management が、Akamai にカスタム JavaScript ライブラリを書き出します。
  3. ターゲットとなる web サイトは、Akamai にホストされる Dynamic Tag Management ライブラリをページレベルで直接参照します。

Amazon S3

メモ

2015 年 7 月 31 日以降(PT)、Adobe は Amazon S3 をサポートしなくなります。Amazon S3 の Dynamic Tag Management ライブラリは、2015 年 12 月 31 日まで引き続き提供されますが、読み取り専用状態となります。 Dynamic Tag Management で行った変更は、これらのファイルには反映されなくなります。

2015 年 7 月 31 日(PT)以降にサイトに追加の変更をデプロイするには、他のホスティングオプションの 1 つを選択する必要があります。ベストプラクティスとして常に推奨されるのはセルフホスティング(「FTP 配信」または「ライブラリのダウンロード」)ですが、サードパーティの Akamai ホスティングもワールドクラスのオプションです。

セルフホスティング:FTP 配信

Dynamic Tag Management では、FTP プロトコルを使用してカスタム JavaScript ライブラリを web コンテンツサーバーホストに直接書き出す push アプローチを使用します。

このソリューションでは、カスタム Dynamic Tag Management ライブラリに対して変更を発行するために、Web コンテンツサーバー上の FTP サーバーおよび資格情報を使用する必要があります。

詳しくは、FTP を参照してください。

  1. Dynamic Tag Management によって、カスタム JavaScript ライブラリが生成されます。
  2. Dynamic Tag Management が、FTP を使用してカスタム JavaScript ライブラリをホストサーバーに書き出します。
  3. ターゲットとなる web サイトは、カスタム Dynamic Tag Management ライブラリをローカルで参照します。

セルフホスティング:ライブラリのダウンロード

アプリケーションでは、カスタム JavaScript ライブラリを Amazon S3 に書き出す pull アプローチを使用します。ライブラリは、ホストされているサーバーサイドのプロセスからアクセスできます。

また、ライブラリは、 web ダウンロードを使用して Dynamic Tag Management インターフェイスから直接入手できます。

このソリューションでは、Dynamic Tag Management ライブラリを手動で取得して公開するか、Akamai から web コンテンツサーバーにライブラリを自動的に取り込むプロセスを作成する必要があります。

このアプローチは、設定に最も時間がかかりますが、最も安全で柔軟なオプションでもあります。

詳しくは、ライブラリのダウンロードを参照してください。

  1. Dynamic Tag Management によって、カスタム JavaScript ライブラリが生成されます。
  2. Dynamic Tag Management が、Akamai にカスタム JavaScript ライブラリを書き出します。
  3. カスタム Dynamic Tag Management ライブラリは、手動またはプログラムで web コンテンツサーバーに移動します。
  4. ターゲットとなる web サイトは、カスタム Dynamic Tag Management ライブラリをローカルで参照します。

CDN またはインフラストラクチャで「FTP 配信」オプションと「ライブラリのダウンロード」オプションをホストすることで、パフォーマンスの向上とセキュリティ管理の強化を期待できます。

このビデオを最後まで学習すると、次のことが可能になります。

  • 各種ホスティングオプションの説明

ホスティングに関する考慮事項(FAQ)

ホスティングオプションを決定する際は、次の質問を考慮してください。

組織にとって最適なホスティングオプションを決定する際には、次の質問を考慮する必要があります。

  • ホスティングオプションを選択するには、どうすればよいですか?

    Dynamic Tag Management では、システムの実行に必要なすべてのコードを含んだ様々な JavaScript ファイルを作成して使用します。これらのライブラリファイルは、アドビでホストすることも、独自の web アーキテクチャ内の独自のサーバーでホストすることもできます。

    「ライブラリのダウンロード」ホスティングオプションを使用すると、ライブラリファイルをセルフホストすることもできます。権限を持つ Dynamic Tag Management ユーザーがソフトウェアに変更を加えると、システムによってその変更がライブラリファイルに書き出されます。このオプションを使用してサーバー上でライブラリファイルをホストする場合、その変更をサーバーに取得する方法がシステムに必要になります。「ライブラリのダウンロード」ホスティングオプションを使用すると、システムから ping(HTTP POST)がお使いのシステムに送信され、ライブラリファイルに更新が行われたことがサーバーに通知されます。IT チームは、変更されたファイルをサーバーで取得できるように、cron ジョブやその他のスクリプト化されたプロセスを作成できます。この方法により、Dynamic Tag Management で変更が行われた場合は常に、サーバーでホストしているファイルを自動的に更新できます。

    1 つの web プロパティに対して、これらのホスティングオプションのうち 1 つ以上を使用できます。1 つのページに複数の埋め込みコードを使用しないでください。例えば、ステージング環境で Akamai を使用し、実稼動環境でセルフホスティングオプションの 1 つを使用できます。また、エージェンシーパートナーの 1 社がホストする任意のサイト、ドメイン、サブドメインに Akamai オプションを使用することもできます。これらのオプションを使用すると、具体的なニーズに応じてライブラリファイルをより柔軟にホストできます。

  • web サイトのコンテンツソースに関する現在のポリシーを教えてください。

    この質問に対する答えは、JavaScript ライブラリを Akamai でホストできるか、FTP 経由で web サイトのファイル構造にプッシュできるか、サーバーサイドのプロセスで手動でファイル構造に取り込めるか、のいずれかを判断するのに役立ちます。

  • 一度に複数の Dynamic Tag Management ライブラリホスティングオプションを使用できますか?

    はい。任意の数のホスティングオプションをオンにして使用でき、異なるドメインやサブドメインに異なる埋め込みコードを使用できます。

    例えば、ステージング、開発、テスト、UAT など、実稼動環境以外の低レベル環境には、Akamai オプションを使用できます。同時に、実稼動環境に「ライブラリのダウンロード」などのセルフホスティングオプションの 1 つを使用することもできます。

    同じページでは複数のオプションを使用できないことに注意してください。どのページにも複数のヘッダー埋め込みコードを実装しないでください。

  • 現在の web サイトコンテンツデプロイメントプロセスについて教えてください。

    このデプロイメントプロセスは、Dynamic Tag Management 管理インターフェイスからサイトにどの程度迅速に変更を導入できるかに影響します。また、web サイトへの Dynamic Tag Management の最初のインストールに要する時間にも影響します。

  • 現在のページレベルマークアップと web サイトの構造について教えてください。

    基本的なページレベルマークアップと web サイト構造の決定に関する知識があれば、Dynamic Tag Management の適切なインストールや管理インターフェイス内でのルールの構成に役立ちます。

    識別する主な項目は次のとおりです。

    • web ページの <head> セクション内で参照される JavaScript ライブラリ。
    • ページの個々のセクション(ヘッダーやフッターなど)が動的に生成されるかどうか。

    使用するコンテンツ管理システムに関する知識は、適切なホスティング手法を決定する際に役立ちます。

Akamai

Akamai は、主な外部ホスティングオプションです。Akamai は、信頼性の高いホスティング機能を提供するもので、実装が最も簡単なオプションです。Akamai は、DNS ルックアップ、読み込み時間の短縮、ラウンドトリップ配信時間の短縮など、サードパーティインフラストラクチャを活かした優れた機能を提供します。

Akamai ホスティングオプションを使用すると、Akamai アーキテクチャ上に配置されたアドビの Edge CDN に、web プロパティライブラリファイルを保存できます。このオプションを使用すると、ページテンプレートに埋め込みコードをインストールし、社内の IT チームやサーバーを使用することなく、すばやく Dynamic Tag Management を設定および実行できます。

メモ

2015 年 7 月 31 日以降(PT)、Adobe は Amazon S3 をサポートしなくなります。Amazon S3 の Dynamic Tag Management ライブラリは、2015 年 12 月 31 日まで引き続き提供されますが、読み取り専用状態となります。 Dynamic Tag Management で行った変更は、これらのファイルには反映されなくなります。

2015 年 7 月 31 日(PT)以降にサイトに追加の変更をデプロイするには、他のホスティングオプションの 1 つを選択する必要があります。ベストプラクティスとして常に推奨されるのはセルフホスティング(「FTP 配信」または「ライブラリのダウンロード」)ですが、サードパーティの Akamai ホスティングもワールドクラスのオプションです。

Akamai キャッシュ制御ヘッダー

Akamai(assets.adobedtm.com)でホストするライブラリには、キャッシュ制御ヘッダーが自動的に設定されます。

  • 実稼動環境ビルド:キャッシュ制御ヘッダーは 60 分に設定されています
  • ファイル名に「-staging」が付くステージングビルド:キャッシュ制御ヘッダーは 0 分に設定されています
メモ

キャッシュ制御ヘッダーを受信して適用するのはブラウザー次第です。一部のブラウザーでは無視される場合があります。

Akamai ホスティングを選択する理由

Dynamic Tag Management の埋め込みセクションで Akamai オプションを選択すると、Dynamic Tag Management ライブラリファイルが、Akamai アーキテクチャ上で動作するアドビの Edge CDN から訪問者に提供されます。

Akamai は、世界中からの大量の Web 訪問者に対してもコンテンツを提供できる、堅牢なアーキテクチャを備えています。Akamai は、負荷分散が行われ、地域に最適化された冗長構成のネットワークを提供し、世界中のどこにいる訪問者にもすばやくコンテンツを提供します。

特に、87 か国で 13 万 7,000 台を超えるサーバーを 1,150 以上のネットワークで運用しています。冗長性に関しては、Akamai は単にサーバー間をルーティングするだけでなく、必要に応じてサーバーのノード間のルーティングも行います。つまり、各ノードは複数のサーバーで構成されており、ノード内での冗長性が確保されているため、ボックスがダウンしてもノード内の他のボックスが引き継ぐので問題になりません。ノード全体がダウンした場合は、最も近い別のノードが、キャッシングされた同じコンテンツを使用して処理を引き継ぎます。ノードは、訪問者の場所、トラフィックの負荷およびその他の要因に基づいて動的に選択されるため、コンテンツは常に各訪問者に最適なローカルノードから提供されます。

Akamai が利用できない場合、エラーを回避できますか?

いいえ。ライブラリが利用できなくなった場合は、Dynamic Tag Management ではクライアント側から対処することはできません。ただし、Akamai が利用できなくなる可能性は極めて低いです。

Amazon S3 から Akamai への移行

Amazon S3 コードを置き換えて、Amazon S3 ホスティングから Akamai に移行します。

メモ

2015 年 7 月 31 日(PT)以降、アドビは Amazon S3 をサポートしなくなりました。 Amazon S3 の Dynamic Tag Management ライブラリは、2015 年 12 月 31 日まで引き続き提供されますが、読み取り専用状態となります。 Dynamic Tag Management で行った変更は、これらのファイルには反映されなくなります。

2015 年 7 月 31 日(PT)以降にサイトに追加の変更をデプロイするには、他のホスティングオプションの 1 つを選択する必要があります。ベストプラクティスとして常に推奨されるのはセルフホスティング(「FTP 配信」または「ライブラリのダウンロード」)ですが、サードパーティの Akamai ホスティングもワールドクラスのオプションです。

  1. 「Embed」タブに移動します。

  2. 既存の Amazon S3 ヘッダーコードを新しい Akamai ヘッダーコードに置き換えます。

    フッターコードは変更する必要はありません。

  3. Akamai」をクリックして「On」に変更します。

    手順の結果

  4. Amazon S3」オプションをクリックして「Off」に変更します。

    メモ

    Amazon S3 を無効にすると、Amazon S3 ホスティングは使用できなくなります。電源を切る前に、Amazon S3 が不要になっていることを確認します。

    Dynamic Tag Management での Akamai ホスティングは、現在 web サイトで使用している Akamai ホスティングとは独立に機能します。

FTP

ここでは、FTP(push 手法)を使用して Dynamic Tag Management をデプロイする手順を説明します。

「FTP 配信」ホスティングオプションを使用すると、ライブラリファイルをセルフホストできます。権限を持つ Dynamic Tag Management ユーザーがソフトウェアに変更を加えると、Dynamic Tag Management はその変更をライブラリファイルに書き込みます。このオプションを使用してサーバー上でライブラリファイルをホストする場合、Dynamic Tag Management はそれらの変更をサーバーに取り込む必要があります。FTP 配信ホスティングオプションを使用すると、Dynamic Tag Management は、システムに入力された資格情報とサーバーの場所を使用してシステムに接続し、変更されたファイルを配信します。 このようにして、Dynamic Tag Management で変更が行われるたびに、サーバー上でホストしているファイルを自動的に更新できます。

FTP を使用してデプロイするには、管理者である必要があります。

  1. Web プロパティで、「Embed」タブをクリックします。

  2. FTP Delivery」をクリックします。

  3. ステージングサーバーと実稼動サーバーに必要な FTP 情報を入力し、「Save FTP Information」をクリックします。

    メモ

    必要に応じて「Enable Relative Hostnames for Staging and Production Library Hosting」をクリックします。 相対ホスト名を有効にすると、入力されたライブラリパスの前に「window.location.hostname」が追加されます。これにより、DTM はホストされたスクリプトを相対パスから読み込み、デプロイごとにパスを編集せずにライブラリをホストできるようになります。

  4. 右上隅のスイッチを ON に切り替えます。

  5. Header Code」と「Footer Code」をクリックして、これらのセクションを展開します。

  6. 該当する「Copy Embed Code」ボタンをクリックして、ステージング環境または開発環境用のヘッダーコードおよびフッターコードをコピーします。

    メモ

    ステージング用コードは、ステージング環境または開発環境にのみ使用してください。実稼動用コードは、実稼動サイトに配置してください。

  7. ヘッダーコードをコピーして、web サイトのすべてのページでサイト HTML の HEAD セクション内に挿入します。できる限り、<head> 開始タグの近くに挿入します。

  8. フッターコードをコピーして、web サイトのすべてのページでサイト HTML の BODY セクション内に挿入します。</body> 終了タグのできるだけ近くに挿入します

ライブラリのダウンロード

この節では、ライブラリのダウンロード(pull 手法)を使用して Dynamic Tag Management をデプロイする手順を説明します。

「ライブラリーのダウンロード」ホスティングオプションでは、ライブラリーファイルをセルフホストすることもできます。権限を持つ Dynamic Tag Management ユーザーがソフトウェアに変更を加えると、Dynamic Tag Management はその変更をライブラリファイルに書き込みます。このオプションを使用してサーバー上でライブラリファイルをホストする場合、Dynamic Tag Management はそれらの変更をサーバーに取り込む必要があります。「ライブラリのダウンロード」ホスティングオプションを使用すると、Dynamic Tag Management は ping(HTTP ポスト)をシステムに送信し、ライブラリファイルが更新されたことをサーバーに知らせます。IT チームは、変更されたファイルをサーバーで取得できるように、cron ジョブやその他のスクリプト化されたプロセスを作成できます。このようにして、Dynamic Tag Management で変更が行われるたびに、サーバー上でホストしているファイルを自動的に更新できます。

「ライブラリのダウンロード」を使用してをデプロイするには、管理者である必要があります。

  1. Web プロパティで、「Embed」タブをクリックします。

  2. 左側のナビゲーションで「Library Download」をクリックします。

  3. 次のオプションフィールドの一方または両方に入力します。

    オプション 説明
    共有暗号鍵 ダウンロード時に Dynamic Tag Management ライブラリを暗号化します。 共有暗号鍵を入力すると、このパスフレーズを使用して .zip ファイルを暗号化するために AES-256 が使用されます。
    デプロイフック URL Dynamic Tag Management ファイルをサーバーにデプロイするプロセスは、更新があるたびに自動的に実行できます。指定した公開 URL を使用してアクセス可能なスクリプトを作成します。 デプロイフック URL を入力すると、バンドルが正常に更新されるたびに、その URL に HTTP POST が送信されます。POST リクエストの本文には、バンドルのダウンロード URL を記載したペイロードが含まれています。
  4. Domain and Paths to Tracking File の下のフィールドに、ステージング用と実稼動用の値を入力します。

    サーバーにデプロイしたときにファイルが存在する場所を指定します。プロトコルや、先頭または末尾のスラッシュを含めないでください。Dynamic Tag Management には、実稼動環境およびステージング環境用の HTTP または HTTPS のドメインとパスが必要です。

    メモ

    必要に応じて「Enable Relative Hostnames for Staging and Production Library Hosting」をクリックします。 相対ホスト名を有効にすると、指定したライブラリパスの前に window.location.hostname が付加されます。これにより、DTM はホストされたスクリプトを相対パスから読み込み、デプロイごとにパスを編集せずにライブラリをホストできるようになります。

  5. 指定した URL から各環境(ステージングまたは実稼動)用のファイルをダウンロードし、設定で指定した場所にデプロイします。

  6. Header Code」セクションと「Footer Code」セクションをクリックします。

  7. 該当する「Copy Embed Code」ボタンをクリックして、ステージング環境または開発環境用のヘッダーおよびフッターコードをコピーします。

    メモ

    ステージング用コードは、ステージング環境または開発環境にのみ使用してください。実稼動用コードは、実稼動サイトに配置してください。

  8. ヘッダーコードをコピーして、web サイトのすべてのページでサイト HTML の HEAD セクション内に挿入します。できるだけ <head> 開始タグの近くに挿入します。

  9. フッターコードをコピーして、web サイトのすべてのページでサイト HTML の BODY セクション内に挿入します。できるだけ </body> 終了タグの近くに挿入します。

このページ