> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.
# ウィジェットスタジオでのトラッキングカウンター
> ウィジェットスタジオのテキスト要素に訪問数、トランザクション、カート内商品数のカウンターを動的変数として追加し、リアルタイムのソーシャルプルーフデータを表示します。
このチュートリアルでは、**ウィジェットスタジオ**で **トラッキングカウンター**（訪問数カウンター、トランザクションカウンター、カート内商品数カウンター）を直接使用する方法を説明します。これらのカウンターは、ウィジェットテキスト内でリアルタイムのアクティビティデータを表示することで、ユーザーの信頼とエンゲージメントを高めるのに役立ちます。
ウィジェットで使用する前に、コード内に[該当するトラッキング](./get-started)を実装することを確認してください。
## 利用可能なカウンター
ウィジェットスタジオでは、任意のテキスト要素で**カスタム変数**として使用できる **3 つの組み込みカウンター** が提供されています：
* **訪問数カウンター** – 訪問の数を表示します
* **トランザクションカウンター** – トランザクションの数を表示します
* **カート内商品数カウンター** – 現在カートに入っている商品の数を表示します
これらのカウンターの値は**動的に**入力され、自動的に更新されます。
## ウィジェットにカウンターを追加する方法
次の手順に従って、テキストにソーシャルプルーフカウンターを挿入します：
1. **ウィジェットスタジオ** でウィジェットを開きます。
2. 編集したい**テキスト要素**を選択します。
3. テキストエディターで、**三点メニュー**（縦に並んだ 3 つの点）をクリックし、**Custom variables** を選択します。
4. フィルターを使用し、**`api`** と入力します。
5. 挿入したいカウンター（訪問数カウンター、トランザクションカウンター、またはカート内商品数カウンター）を選択します：
選択したカウンターがテキストに直接追加されます。
## カウンター設定オプション
各カウンターは次の設定でカスタマイズできます：
### 1. カウント開始値
カウンターがカウントを開始する初期値を定義します。
### 2. 数値フォーマット
数値の表示方法を選択します（例：完全な数値または短縮形式）。
### 3. 表示しきい値
カウンターが表示される最小値を設定します：
* **閲覧数が *X* 回を超えた場合に表示**
* **トランザクションが *X* 件を超えた場合に表示**
* **カート内商品が *X* 件を超えた場合に表示**
これにより、意味のある数値に達するまでカウンターを非表示にできます。