--- title: "Engage SDKスクリプトを使って統合します" slug: "integrate-engage-sdk-script" abstract: "CDNからEngage SDKスクリプトを読み込んでウェブサイトをSitecore CDPに統合する方法。" --- # Engage SDKスクリプトを使って統合しますこのトピックでは、Engage SDKを使ってウェブサイトを統合する方法を説明します。このウォークスルーでは、以下の方法を説明します: > !注**始める前に** > > - [Sitecore CDPインスタンスに関する必要な情報を収集してください。](https://doc.sitecore.com/cdp/ja/developers/api/integrating-with-sitecore-cdp/walkthroughs-for-integrating/collect-required-details.html "Collect required details") > > - HTML、JavaScript、そしてウェブブラウザの開発者ツールに慣れていることを確認してください。 > > - 統合するためのウェブサイトを用意しましょう。 > ## スクリプトをウェブサイトに読み込んでくださいウェブサイト統合の最初のステップは、HTML ## スクリプトがあなたのウェブサイトに読み込まれているか確認してください Engage SDKスクリプトがあなたのウェブサイトに読み込まれることを確認するには: 1. ウェブブラウザでウェブサイトとコンソールを開いてください。このウォークスルーの残りの部分はウェブサイトとコンソールを開いたままにしてください。 2. コンソールでengage;を入力してください。オブジェクトが戻ってきたら、あなたのウェブサイトにスクリプトを正常に読み込んだことになります。 ## 初めてのVIEWイベントをSend スクリプトがあなたのウェブサイトに読み込まれたことを確認したら、データを収集してSitecore CDPに送信します。VIEWイベントはウェブページが読み込まれるたびにトリガーされるため、VIEWイベントを送信します。 VIEWイベントを送信するには: 1. コードエディターでスクリプトを含むJavaScriptファイルを開きます。 2. s.addEventListener()関数の下部、engage = await window.Engage.init(settings);行の下に、次のコードを貼り付けます: // VIEW event object var event = { channel: "", language: "", currency: "", page: "" }; // Send VIEW event engage.pageView(event); // For testing and debugging purposes only console.log("Copy-paste the following line into Sitecore CDP > Guests > Search field:"); console.log(engage.getBrowserId()); プレースホルダーの値は、[Sitecore CDPインスタンスの必要な詳細に置き換えてください。](../preparing-to-integrate/collect-required-details.md "Collect required details") このスクリプトはVIEWイベントオブジェクトを作成し、コンポーネントが初めてレンダリングされた直後にイベントデータをSitecore CDPに送信します。また、ブラウザのIDもコンソールにログします。次の手順でブラウザIDを使ってSitecore CDP内のVIEWイベントを見つけます。 3. ウェブブラウザでウェブページを再読み込みます。VIEWイベントがトリガーされ、イベントデータが送信されます。 ## Sitecore CDPがあなたのVIEWイベントをキャプチャしたか確認してください VIEWイベントを送信した後、Sitecore CDPにログインしてイベントを見つけます。 Sitecore CDPがあなたのVIEWイベントをキャプチャしたことを確認するために: 1. ウェブブラウザのコンソールで、次のようなテキストを見つけてください: a38b230c-11eb-4cf9-8d5d-274e9f344925 2. テキストをコピーしてください。 3. Sitecore CDPで **ゲストをクリックし、**検索ドロップダウンで **ブラウザID**を選択し、コピーしたテキストを検索欄に貼り付けます。匿名のゲストが展示している。 ![Search field in the Guests screen.](images/cdp-guests-bid.jpg) このゲストは、さっきあなたがアプリを読み込んでいたことです。次に、このゲストに関連付けられたVIEWイベントを見つけます。 4. ゲストをクリックしてください。ゲストプロフィールが表示されます。 5. ゲストプロフィールページでイベント **ビューアー**をクリックします。このゲストに関連するイベントのリストが表示されます。リストにはVIEWイベントが含まれています。これは前回の手順でトリガーされたイベントです。 ## 今後のステップ現在、あなたのウェブサイトをSitecore CDPと無事に統合しました。ウェブサイトからイベントを送信し、Sitecore CDPがリアルタイムでユーザーに関するデータを収集していることを確認しました。次に、次のことができます: - [Send他の行動データ](../understanding-integration-details/sending-events-using-the-engage-sdk.md "Sending events using the Engage SDK")、例えば [IDENTITYイベント](../../stream-api/sitecore-engage-sdk-reference/functions/engage-identity.md "Engage.identity(eventData[, extensionData])") や [カスタムイベント](../../stream-api/sitecore-engage-sdk-reference/functions/engage-event.md "Engage.event(type, eventData[, extensionData])")など。 - [ユーザーがサイト上の商品やショッピングカートとやり取りする際に取引データをSendします。](../understanding-integration-details/sending-orders-using-the-engage-sdk.md "Sending orders using the Engage SDK") - もし経験があれば、 [Sitecore Personalizeを体験したり実験をしたり](../understanding-integration-details/running-personalization.md "Running personalization")することができます。