Web SDK JavaScript ライブラリのインストール
Web SDK タグ拡張機能を使用しない場合は、AdobeのCDNでホストされているスタンドアロン JavaScript ライブラリを参照して、Web SDKをインストールできます。 ライブラリを直接参照するか、ダウンロードして独自のインフラストラクチャでホストできます。 最小化された形式と完全な形式で使用できます。
Web SDK ライブラリは、次のURL構造を使用して使用できます。
- 縮小:
https://cdn1.adoberesources.net/alloy/<VERSION>/alloy.min.js - フル:
https://cdn1.adoberesources.net/alloy/<VERSION>/alloy.js
URLに含める最新バージョンについては、Web SDK リリースノート を参照してください。 例えば、バージョン 2.19.1のフルバージョンのURLはhttps://cdn1.adoberesources.net/alloy/2.19.1/alloy.jsです。
基本コードとライブラリローダーの追加
追加するコードは、次の2つのセクションで構成されています。
- 基本コード: Web SDKが非同期で読み込まれる間、キューコマンドによるブートストラップを許可します。 詳しくは、基本コード を参照してください。 Adobeでは、ページ読み込み中にWeb SDK コマンドを呼び出す際に競合条件を回避するために、ライブラリを非同期で読み込む際に基本コードを使用することをお勧めします。
- Library loader：完全なJavaScript ライブラリを読み込みます。
Web SDKを呼び出す可能性のあるスクリプトの前に、次のコードブロックをできるだけ<head> タグに追加します。
<!-- Base code -->
<script>
!function(n,o){o.forEach(function(o){n[o]||((n.__alloyNS=n.__alloyNS||
[]).push(o),n[o]=function(){var u=arguments;return new Promise(
function(i,l){n.setTimeout(function(){n[o].q.push([i,l,u])})})},n[o].q=[])})}
(window,["alloy"]);
</script>
<!-- Library loader -->
<script src="https://cdn1.adoberesources.net/alloy/<VERSION>/alloy.min.js" async></script>
Web SDKを同期して読み込む場合は、ライブラリの読み込み時にasync属性を削除できます。 async属性を削除すると、ブラウザーがライブラリを取得して実行する際のHTMLの解析がブロックされます。 プライマリコンテンツをユーザーに表示するまでの追加的な遅延は、通常、推奨されませんが、組織のニーズによっては意味があります。
recommendation-more-help
experience-platform-help-collection