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

利用可能なカウンター

ウィジェットスタジオでは、任意のテキスト要素でカスタム変数として使用できる 3 つの組み込みカウンター が提供されています:
  • 訪問数カウンター – 訪問の数を表示します
  • トランザクションカウンター – トランザクションの数を表示します
  • カート内商品数カウンター – 現在カートに入っている商品の数を表示します
これらのカウンターの値は動的に入力され、自動的に更新されます。

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

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

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

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

1. カウント開始値

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

2. 数値フォーマット

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

3. 表示しきい値

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