Contentの初期セットアップ

Content: 導入

このページでは Piano Content を導入するために必要な手順を解説します。

サイトへの実装

以下のサンプルスクリプトは、ページにPiano Insightの基本タグが実装されていないことを前提としています。基本タグの sendPageViewEvent は削除する必要があります。

1. ページに https://cdn.cxense.com/cx.cce.js をロードします。

   1. 同期でロードすることが理想ですが、非同期でロードした場合には cx.js と同様の call queue メカニズムをサポートしています。

2. cX と cX.CCE 変数を初期化します：

   var cX = window.cX = window.cX || {}; cX.callQueue = cX.callQueue || [];
   cX.CCE = cX.CCE || {}; cX.CCE.callQueue = cX.CCE.callQueue || [];
   

   
   

3. Contentをカスタマープリフィックスを指定して初期化します。これは Insight の pageview イベントを送信する前に行う必要があり、下記のように標準Insightタグの書き換えが必要です。

   cX.setSiteId('<siteId>');
   cX.CCE.sendPageViewEvent('<prefix>');
   

   
   

   cX.callQueue.push(['setSiteId','<siteId>']);
   cX.CCE.callQueue.push(['sendPageViewEvent','<prefix>']);
   

   
   

4. cX.CCE.run() をコールします。このメソッドは cX.insertWidget() と同じ設定項目をサポートしています。結果がページにレンダリングされたあとにコールされるコールバック関数もサポートしています。通常の標準的な実装では、シンプルに下記のようにコールします：

   cX.CCE.run({ widgetId : '<id>', targetElementId : '<div>'});
   

   cX.CCE.callQueue.push(['run', { widgetId : '<id>', targetElementId : '<div>'}]);
   

   
   

Piano Content のセットアップについてのお問い合わせは担当のアカウントマネージャーまたは support@piano.io 宛にお願いします。

Last updated: December 23, 2021