ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

サードパーティのウェブサイトでのイベントの追跡

Analytics Cloudを使用して、HTMLページの <head> と <body> にJavaScriptコードを追加することで、Liferay DXPで構築されていないWebサイトの分析のためにイベントを追跡できます。

Analytics Cloud を使用して追跡するページの <head> に次のスクリプト宣言を追加します。
```
 <script src="https://analytics-js-cdn.liferay.com"></script>
```

Analytics Cloud を使用して追跡するページの <body> に次のスクリプトを追加します。

<script>
    (function (u, c, a, m, o, l) {
        (o = 'script'),
            (l = document),
            (a = l.createElement(o)),
            (m = l.getElementsByTagName(o)[0]),
            (a.async = 1),
            (a.src = u),
            (a.onload = c),
            m.parentNode.insertBefore(a, m);
    })('https://analytics-js-cdn.liferay.com', function () {
        var PROPERTY_ID = "Replace with your property ID";
        var DATA_SOURCE_ID = "Replace with your data source ID";
        var THE_REGION_KEY = "Replace with your region key";
        var WEDEPLOY_KEY = "Replace with your WeDeploy key";
        Analytics.create({
            channelId: PROPERTY_ID,
            dataSourceId: DATA_SOURCE_ID,
            endpointUrl: `https://osbasahpublisher-ac-${THE_REGION_KEY}.lfr.cloud`,
            projectId: WEDEPLOY_KEY
        });
    });
</script>

これで完了です。外部サイトは現在、分析のためにデータを Liferay の Analytics Cloud に送信しています。

たとえば、接続を確立するためのサンプルスクリプトを含む完全な index.html ファイルを次に示します。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://analytics-js-cdn.liferay.com"></script>
</head>
<body>
    <script>
        (function (u, c, a, m, o, l) {
            (o = 'script'),
                (l = document),
                (a = l.createElement(o)),
                (m = l.getElementsByTagName(o)[0]),
                (a.async = 1),
                (a.src = u),
                (a.onload = c),
                m.parentNode.insertBefore(a, m);
        })('https://analytics-js-cdn.liferay.com', function () {
            var PROPERTY_ID = "Replace with your property ID";
            var DATA_SOURCE_ID = "Replace with your data source ID";
            var THE_REGION_KEY = "Replace with your region key";
            var WEDEPLOY_KEY = "Replace with your WeDeploy key";

            Analytics.create({
                channelId: PROPERTY_ID,
                dataSourceId: DATA_SOURCE_ID,
                endpointUrl: `https://osbasahpublisher-ac-${THE_REGION_KEY}.lfr.cloud`,
                projectId: WEDEPLOY_KEY
            });
        });
    </script>
</body>
</html>

クライアントは Analytics.create() メソッドを使用して接続を行います。これには、Analytics Cloud ワークスペースからの 4 つの値が必要です。

PROPERTY_ID: Analytics Cloud 設定ページで、サイドバーの プロパティ をクリックします。使用するプロパティのプロパティ ID をコピーするか、新しいプロパティを作成します。
DATA_SOURCE_ID: Analytics Cloud 設定ページで、サイドバーの データソース をクリックします。使用するデータソースをクリックし、DXP イメージ ID をコピーします。
THE_REGION_KEY: リージョンキーを取得するには、Analytics Cloud サポートにお問い合わせください。
WEDEPLOY_KEY: WeDeploy キーを取得するには、Analytics Cloud サポートにお問い合わせください。

イベントの追跡

サードパーティのウェブサイトのページとアセットの追跡は、 Liferay DXP でのカスタムイベントの追跡と同様に機能します。 Analytics.track() メソッドを使用して、Analytics Cloud に送信するイベントを作成できます。

Analytics.setIdentity() メソッドを通じてユーザーを識別できます。この方法がないと、Analytics Cloud は DXP 外部のユーザーを追跡できず、すべてのイベントが匿名ユーザーに起因するものとなってしまいます。

Analytics.setIdentity({
    email: "Replace with user email",
    name: "Replace with username",
});

ヒント

ログインが成功したときにこの関数を呼び出して、ユーザーがアカウントにログインしたときに行うすべての操作を追跡できます。

Capability:

Content Management System

Resource Type:

Official Documentation

Feature:

Asset Analytics

Deployment Approach:

Liferay PaaS

Liferay SaaS

Liferay Self-Hosted