tiktok-shop-integration について
tiktok-shop-integrationは、Shopify、WooCommerce、BigCommerceやカスタムシステムでTikTok Shopを運用する事業者向けのスキルです。商品・注文の同期、クリエイター向けアフィリエイト、LIVEショッピングの設定と管理を扱います。
主な機能
- 01TikTok Seller Centerとの接続
- 02商品・在庫・注文の同期
- 03クリエイター向けアフィリエイト設定
- 04LIVEショッピングの企画と実施
- 05出荷と返品の管理
活用シーン
- 01Shopifyの商品カタログをTikTok Shopに同期
- 02WooCommerceでTikTokの注文を管理
- 03クリエイターを募り商品報酬を設定
- 04新商品の発売に合わせてLIVEショッピングを企画
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ finsilabs/ awesome-ecommerce-skills --skill tiktok-shop-integrationインストール後、Claude Code で/tiktok-shop-integrationを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
tile.jsonevals/affiliate-program-inventory-safety-and-l/criteria.jsontask.mdevals/tiktok-shop-api-client-and-product-sync/criteria.jsontask.mdevals/webhook-handler-and-order-management/criteria.jsontask.md詳細
TikTok Shop 連携
概要
TikTok Shop は、TikTok を商品発見の場から、ユーザーがアプリを離れずに購入できる直接販売プラットフォームへと変えます。購入可能な動画投稿、LIVE ショッピングイベント、商品ショーケースタブ、クリエイター向けアフィリエイトプログラムを通じて利用できます。Shopify と WooCommerce では、公式の TikTok 連携により、カタログの同期、注文管理、在庫更新が自動的に処理されます。戦略上必要な作業は、TikTok Seller Center への申請、アフィリエイトプログラムの設計、LIVE ショッピングイベントの実施です。
このスキルを使用する場面
- TikTok を単なるトラフィック誘導先ではなく、ネイティブな販売チャネルとして立ち上げる場合
- 商品が短尺動画を通じた衝動買いに適している場合
- クリエイターが商品をタグ付けし、販売手数料を得られるようにする場合
- 商品の発売やフラッシュセールに合わせて LIVE ショッピングイベントを実施する場合
- TikTok Shop と主要なプラットフォーム間で在庫や注文を同期する必要がある場合
基本的な手順
手順 1:TikTok Shop Seller Center に登録する
連携を始める前に、以下を行います。
seller.tiktokshop.comにアクセスし、販売者アカウントを作成します- 本人確認を完了します(政府発行の身分証明書と事業登録情報)
- TikTok Business Account を Seller Center に接続します
- 販売者としての承認を待ちます。通常は 1〜3 営業日かかります。カテゴリによっては追加書類が必要です(食品、サプリメント、電子機器など)
注: TikTok Shop は現在、米国、英国、東南アジア、およびその他一部の市場で利用できます。利用可能な地域は変わるため、開始前に TikTok が現在サポートしている市場を確認してください。
手順 2:プラットフォームを TikTok Shop に接続する
Shopify
- Shopify Admin → Sales Channels → + → TikTok に移動します
- TikTok for Shopify をインストールし、TikTok Seller Center アカウントを接続します
- Catalog Sync で、Shopify が商品カタログを TikTok Shop に自動同期します
- Shopify は TikTok Shop の注文も Shopify Admin に同期するため、1 か所でフルフィルメントを管理できます
- TikTok → Products に移動し、承認された商品と問題のある商品を確認します
- TikTok のコンテンツ審査(画像品質、禁止カテゴリなど)に通らなかった商品は、理由とともに TikTok → Products → Rejected に表示されます
WooCommerce
- WordPress のプラグインディレクトリから TikTok for WooCommerce をインストールします
- WooCommerce → TikTok → Seller Center に移動し、TikTok Seller Center アカウントを接続します
- プラグインが WooCommerce の商品を TikTok Shop に同期し、TikTok の注文を WooCommerce に取り込みます
- WooCommerce → TikTok → Products に移動し、同期状況を確認して、却下された商品があれば対応します
BigCommerce
- BigCommerce Admin → Channel Manager → Add a Channel → TikTok に移動します
- TikTok Seller Center アカウントを接続します
- BigCommerce が商品と在庫を TikTok Shop に自動同期します
- TikTok の注文は BigCommerce → Orders に表示されるため、フルフィルメントを一元管理できます
カスタム/ヘッドレス
カスタムカタログ管理と注文処理には、TikTok Shop API を直接使用します。
const TIKTOK_SHOP_BASE = 'https://open-api.tiktokglobalshop.com';
async function syncProductToTikTokShop(product: Product) {
// TikTok Shop API requires HMAC-SHA256 request signing
const timestamp = Math.floor(Date.now() / 1000).toString();
const body = {
title: product.name.substring(0, 255),
description: product.description.replace(/<[^>]*>/g, '').substring(0, 5000),
category_id: product.tikTokCategoryId, // find IDs in TikTok Seller Center → Products → Categories
images: product.images.map(img => ({ url: img.url })),
skus: product.variants.map(v => ({
sales_attributes: v.options.map(opt => ({ attribute_name: opt.name, value_name: opt.value })),
stock_infos: [{ available_stock: v.stockQuantity, warehouse_id: process.env.TIKTOK_WAREHOUSE_ID }],
seller_sku: v.sku,
original_price: v.price.toFixed(2),
})),
};
return tiktokShopRequest('/api/products', body);
}
// Handle TikTok Shop order webhooks
// POST /webhooks/tiktok-shop
export async function handleTikTokShopWebhook(req: Request, res: Response) {
const { type, data } = req.body;
if (type === 'ORDER_STATUS_CHANGE') {
// Sync TikTok order to your OMS
await syncTikTokOrder(data.order_id, data.order_status);
}
res.json({ code: 0 }); // TikTok requires this exact response format
}
手順 3:TikTok Shop の商品リスティングを設定する
カタログを同期したら、TikTok Shop 向けに各商品を最適化します。
商品画像:
- 正方形(1:1)または縦長(9:16)の商品画像を使用します。横長画像はパフォーマンスが低くなります
- メインの商品画像には、白またはすっきりした背景を使用します
- 画像にテキスト、ウォーターマーク、価格の吹き出しを重ねないでください(TikTok に却下されます)
- 最小サイズは 500×500px、推奨サイズは 1000×1000px です
商品タイトル:
- 最初の 20 文字以内に主要なキーワードを含めます
- TikTok Shop では、検索結果やショッピングフィードにタイトルが表示されます
- 文字数は最大 255 文字です
配送:
- TikTok Seller Center → Settings → Logistics で倉庫を設定します
- TikTok が承認している配送業者を登録します(米国の販売者の場合は UPS、USPS、FedEx)
- TikTok の購入者は送料無料を期待しています。採算が取れる送料無料の適用条件を設定します(例:25 ドルを超える注文)
Step 4: クリエイター向けアフィリエイトプログラムを有効にする
TikTok Shop の Open Collaboration モデルでは、すべてのクリエイターが商品を見つけてコンテンツにタグ付けし、コミッションを得られます。事前の関係構築は必要ありません。
- TikTok Seller Center → Affiliate → Open Plan に移動します
- 商品カテゴリーごとにコミッション率を設定します(Eコマースでは通常 10~20% です)
- アフィリエイトコミッションを有効にした商品は、自動的に TikTok Affiliate Marketplace に表示され、クリエイターがプロモーションする商品を探せるようになります
- Seller Center → Affiliate → Creators でアフィリエイトクリエイターからの申請を確認します
ターゲットを絞ったパートナーシップの場合:
- Seller Center → Affiliate → Targeted Collaboration に移動します
- クリエイターのプロフィールを閲覧し、カスタムコミッション率を設定してコラボレーションの招待を送信します
- 招待時に商品サンプルを提供したり、具体的な投稿要件を設定したりできます
Step 5: LIVE ショッピングイベントを開催する
LIVE ショッピングイベントでは、リアルタイムで商品を紹介することで、購入を急がせる効果の高い販売を促進できます。
配信を開始する前に:
- TikTok Seller Center で Products に移動し、紹介する予定の商品がすべて「Active」ステータスになっていることを確認します(商品審査には 24~48 時間かかります)
- TikTok LIVE Studio(アプリをダウンロード)に移動するか、TikTok モバイルアプリを使用します
- Shopping で、LIVE 中に紹介する商品を選択します
- 通常の投稿や Stories で、24~48 時間前にLIVEを告知します
LIVE 中:
- TikTok アプリまたは LIVE Studio からLIVEを開始します
- ショッピングカートアイコンを使って紹介する商品を固定します。視聴者は固定されたカードをタップして商品をカートに追加できます
- さまざまな商品を実演しながら、紹介する商品をリアルタイムで切り替えます
- 価格、サイズ、在庫状況に関するコメントに返信し、購入を促します
LIVE ショッピングイベントに最適な時間帯: 火曜、水曜、または木曜の夕方(米国の視聴者向けには EST 午後 7~9 時)。定期的に配信することで、再訪する視聴者を増やせます。
Step 6: TikTok Shop の注文を管理する
TikTok では、注文確定から 2 営業日以内の発送が求められます。発送が遅れると、セラー評価が低下します。
注文処理の手順:
- ネイティブ連携を使用している場合、TikTok Shop の注文はプラットフォームの管理画面(Shopify/WooCommerce)に自動的に表示されます
- プラットフォームの管理画面から配送ラベルを印刷します。TikTok は主要なすべての配送業者の追跡番号を受け付けます
- 2 日以内に、TikTok Seller Center → Orders で追跡番号を入力します
- TikTok が購入者に配送状況を自動で更新します
返品:
- 配達から 30 日以内の返品を受け付けます(TikTok のデフォルトの返品期間)
- Seller Center → Settings → Returns で返品の物流を設定します
ベストプラクティス
- 在庫を 5 分以内に同期させます — TikTok での過剰販売はセラー評価を低下させ、アカウント停止につながる可能性があります。リアルタイム同期には、プラットフォームのネイティブ TikTok 連携を使用します
- 商品の認知には Open Collaboration を活用します — すべての商品に 10~15% のコミッション率を設定すると、アウトリーチをしなくても自然にブランドを見つけたマイクロクリエイターを引きつけられます
- TikTok Shop 専用の商品画像を用意します — 正方形または 9:16 の商品画像は横長の画像より効果的です。Shopify の商品画像とは別に、TikTok 専用のクリエイティブ素材を用意します
- LIVE イベントを定期的に開催します — 週 2 回の配信で再訪する視聴者が増えます。不定期のLIVEイベントは視聴者が集まりにくくなります
- ブランドセーフティのためにアフィリエイトコンテンツを監視します — Open Collaboration のクリエイターは事前承認なしで投稿するため、タグ付けされたコンテンツを定期的に確認します
よくある問題
| 問題 | 解決策 |
|---|---|
| 商品が「審査中」のままになっている | 商品画像の背景を白またはシンプルなものにし、文字を重ねないようにしてください。禁止カテゴリー(アルコール、一部のサプリメント)は特別な承認が必要です |
| TikTok の注文が Shopify に表示されない | TikTok for Shopify チャンネルを切断して再接続してください。Seller Center が正しい TikTok Business アカウントにリンクされていることを確認してください |
| アフィリエイトクリエイターが誤った価格を掲載している | 価格を変更した場合、クリエイターのコンテンツにタグを付け直す必要があります。価格を変更する前に、活動中のアフィリエイトに通知してください |
| LIVE ショッピングの商品が配信に表示されない | LIVE 配信を開始する前に、商品が「有効」ステータスになっている必要があります。審査には 24~48 時間かかるため、事前に商品を有効化してください |
| 返品率が高い | TikTok の購入者は、商品が動画と正確に一致することを期待しています。商品画像を過度に編集せず、LIVE のデモが正確であることを確認してください |
関連スキル
- @tiktok-ads-integration
- @ugc-campaign-management
- @influencer-marketplace-integration
- @social-commerce
- @video-commerce-integration