---
title: "Engage.pageView(eventData, extensionData)"
slug: "engage-pageview"
abstract: "Sitecore Engage SDK(Sitecore CDP Stream API)におけるクライアント側のpageView()関数を記述します。"
---
# Engage.pageView(eventData, extensionData)

> !注これはクライアント側のトラッキング実装に使われるクライアント側の関数です。サーバー [サイドトラッキング](https://doc.sitecore.com/cdp/ja/developers/api/stream-api/sitecore-engage-sdk-reference/functions/server-side-tracking-with-the-engage-sdk-package.html "Server-side tracking with the Engage SDK package") を実装したい場合は、[サーバーサイド関数](https://doc.sitecore.com/cdp/ja/developers/api/stream-api/sitecore-engage-sdk-reference/functions/sending-events-using-the-engage-sdk.html "Sending events using the Engage SDK")を使えばいいです。

pageView()関数はVIEWイベントを送信します。VIEWイベントはウェブページが読み込まれるたびにトリガーされます。ウェブサイト上で追跡したいすべてのウェブページからVIEWイベントを送信すべきです。

サイドバー。パラメータ

パラメータ

種類

概要

[eventData](https://doc.sitecore.com/cdp/ja/developers/api/stream-api/sitecore-engage-sdk-reference/functions/view-event.html)

目的

すべてのイベントデータ。

[extensionData](https://doc.sitecore.com/cdp/ja/developers/api/stream-api/sitecore-engage-sdk-reference/functions/extension-data-object.html)  
  
任意

目的

イベントに関するカスタムデータ。  
  
最大50のカスタム属性を選べます。

pageView()関数の使い方の例を紹介します。Reactアプリでは、この関数をEffect Hookで呼び出します。

import { engage } from "./engage.js";
// ...

useEffect(() => {
 if (engage !== undefined) {
 sendPageViewEvent();
 };
}, );

const sendPageViewEvent = async () => {
 const eventData = {
 channel: "WEB",
 currency: "EUR",
 pointOfSale: "myretailsite/ireland",
 language: "EN",
 page: "home",
 pageVariantId: "351"
 };

 const extensionData = {
 customKey: "customValue"
 };

 await engage.pageView(eventData, extensionData);
};