Skip to main content
このチュートリアルでは、Widget Studioで tracking counters(訪問数カウンター、トランザクションカウンター、カート内商品数カウンター)を直接使用する方法を説明します。これらのカウンターは、ウィジェットテキスト内でリアルタイムのアクティビティデータを表示することで、ユーザーの信頼とエンゲージメントを高めるのに役立ちます。 ウィジェットで使用する前に、コード内に該当するトラッキングを実装することを確認してください。

利用可能なカウンター

ウィジェットスタジオでは、任意のテキスト要素でcustom variablesとして使用できる three built-in counters が提供されています:
  • Visits counter: 訪問の数を表示します
  • Transaction counter: トランザクションの数を表示します
  • Products in Cart counter: 現在カートに入っている商品の数を表示します
Kameleoon はこれらのカウンターをdynamically入力し、リアルタイムで更新します。

ウィジェットにカウンターを追加する方法

次の手順に従って、テキストにソーシャルプルーフカウンターを挿入します:
  1. Widget Studio でウィジェットを開きます。
  2. 編集したいtext elementを選択します。
  3. テキストエディターで、three dots menu(縦に並んだ 3 つの点)をクリックし、Custom variables を選択します。
  1. フィルターを使用し、api と入力します。
  2. 挿入したいカウンター(訪問数カウンター、トランザクションカウンター、またはカート内商品数カウンター)を選択します:
選択したカウンターがテキストに直接追加されます。

カウンター設定オプション

各カウンターは次の設定でカスタマイズできます:

1. カウント開始値

カウンターがカウントを開始する初期値を定義します。

2. 数値フォーマット

数値の表示方法を選択します(例:完全な数値または短縮形式)。

3. 表示しきい値

カウンターが表示される最小値を設定します:
  • 閲覧数が X 回を超えた場合に表示
  • トランザクションが X 件を超えた場合に表示
  • カート内商品が X 件を超えた場合に表示
表示しきい値を設定すると、意味のある数値に達するまでカウンターを非表示にできます。