クライアント側のデータインストール

概要

この記事は、クライアント側でユーザーや顧客のデータをページに入力するお客様向けです。

インストールスニペット

Pendoのインストールスニペットは、管理者のみがアクセス可能な[インストール設定(Install Settings)]ページにあり、多くのアプリと同じように一般的なHTMLテンプレートに挿入できます。データが最初にPendoに入力されるまでに、最大2時間かかることがあります。データの受信が開始されるとメールでお知らせが届きます。

スニペットのインストール

ログイン後にユーザーを識別する

警告:以下は、ユーザーの情報がわかっているときにトリガーされるサンプルコードです。実際のコードは、インストール設定ページでご確認ください。

<script>
    (function (apiKey) {
        (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=[];
        v=['initialize','identify','updateOptions','pageLoad'];for(w=0,x=v.length;w<x;++w)(function(m){
        o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]);
        y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js';
        z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo');

        if (Auth.isLoggedIn(user) && Account.isLoaded(user.account)) {

            // Call this whenever information about your visitors becomes available
            // Please use Strings, Numbers, or Bools for value types.

            pendo.initialize({
                visitor: {
                    id: 'VISITOR-UNIQUE-ID'   // Required if user is logged in
                    // email:        // Highly recommended if using Pendo Feedback, or NPS Email
                    // full_name:    // Highly recommended if using Pendo Feedback
                    // role:         // Optional

                    // You can add any additional visitor level key-values here,
                    // as long as it's not one of the above reserved names.
                },

                account: {
                    // id:           'ACCOUNT-UNIQUE-ID' // Highly recommended
                    // name:         // Optional
                    // monthly_value:// Recommended if using Pendo Feedback
                    // is_paying:    // Recommended if using Pendo Feedback
                    // planLevel:    // Optional
                    // planPrice:    // Optional
                    // creationDate: // Optional

                    // You can add any additional account level key-values here,
                    // as long as it's not one of the above reserved names.
                }
            });
        }
    })('<ACTUAL_API_KEY_HERE>');
</script>