> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# よくあるユースケース

> マーチャントから最も多く寄せられる要望(アナリティクストラッキング、無料ギフト、ラインの非表示、メタフィールド、バンドル、ページビルダー)に対する、完全ですぐに実行できる Aftersell Cart SDK のソリューション。

最も頻繁に寄せられる要望に対する完全なソリューションです。それぞれが実行可能なスニペットで、手順の解説と応用のためのメモが付いています。

<div id="before-you-write-a-script">
  ## スクリプトを書く前に
</div>

かつてマーチャントがスクリプトで対応していた多くのことは、今では組み込みの設定になっています。まずはこちらを確認してください。設定はカートのリニューアルを経ても動き続けますが、スクリプトはそうとは限りません。

| やりたいこと                  | コードの代わりに使うもの                                                                                                                                                            |
| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 商品が追加されたらドロワーを開く        | **Cart settings → Content → Behavior → Open cart when an item is added**                                                                                                |
| テーマのカートアイコンの数を同期させる     | 組み込み済み。テーマ側で調整が必要な場合は、カート設定で **cart count selector** を設定します。                                                                                                            |
| 国、マーケット、通貨ごとに異なる設定を表示する | [条件](/ja/aftersell/cart/blocks-overview#show-or-hide-by-market-country-or-currency)(現時点では [Rewards](/ja/aftersell/cart/rewards-block#per-market-rewards) に完全な UI があります) |
| 一定金額で無料ギフトを提供する         | [Rewards](/ja/aftersell/cart/rewards-block) ブロック                                                                                                                        |
| upsell、アドオン、配送保護を追加する   | 対応する[カートブロック](/ja/aftersell/cart/blocks-overview)                                                                                                                       |
| 見た目を変更する                | [デザイン設定](/ja/aftersell/cart/design-settings)、次に[カスタム CSS](/ja/aftersell/cart/custom-css)                                                                                |

SDK を使うのは、ロジックが本当に独自のものである場合です。どの設定でも表現できないルール、他のアプリとの連携、自分のストアだけが持つデータなどが該当します。

<div id="how-to-use-these">
  ## 使い方
</div>

スニペットをカートの **Initialization** スクリプトに貼り付けます。カートエディターで **Cart settings → Custom script → Initialization** に移動してください。プレーンな JavaScript を書きます。`<script>` タグは不要です。詳細は[カスタムスクリプト](/ja/aftersell/cart/custom-scripts)を参照してください。

<div id="the-use-cases">
  ## ユースケース一覧
</div>

<Columns cols={2}>
  <Card title="サードパーティツールでカート追加をトラッキングする" icon="chart-line" href="/ja/aftersell/cart/sdk-use-case-analytics">
    カートイベントを Klaviyo、Triple Whale、GA4、その他のアナリティクスピクセルに送信します。
  </Card>

  <Card title="しきい値で無料ギフトを自動追加する" icon="gift" href="/ja/aftersell/cart/sdk-use-case-free-gift">
    合計がしきい値を超えたらギフトを追加し、下回ったら削除します。
  </Card>

  <Card title="カートラインを非表示・名前変更する" icon="eye-slash" href="/ja/aftersell/cart/sdk-use-case-hide-lines">
    アプリが挿入したラインや無料ラインを非表示にしたり、名前を変えたり、並び順を制御したりします。
  </Card>

  <Card title="カートラインにメタフィールドのデータを表示する" icon="tags" href="/ja/aftersell/cart/sdk-use-case-metafields">
    配送予定、バッジ、任意のメタフィールドをすべてのラインに表示します。
  </Card>

  <Card title="ページビルダーからドロワーを開く" icon="wand-magic-sparkles" href="/ja/aftersell/cart/sdk-use-case-page-builder">
    Replo、PageFly、GemPages、カスタムボタンからカートを開けるようにします。
  </Card>

  <Card title="チェックアウト前に規約への同意を必須にする" icon="square-check" href="/ja/aftersell/cart/sdk-use-case-terms-checkbox">
    購入者が規約に同意するまでチェックアウトをブロックします。
  </Card>

  <Card title="他のアプリのバンドルラインをグループ化する" icon="boxes-stacked" href="/ja/aftersell/cart/sdk-use-case-bundles">
    バンドルアプリの複数のカートラインを 1 つのアイテムとして表示します。
  </Card>
</Columns>