mcpField
T
tiktok-shop-integration

tiktok-shop-integration

github.com/finsilabsマーケティング・グロース60206 回インストール6 日前に更新
リポジトリ

tiktok-shop-integration について

tiktok-shop-integrationは、Shopify、WooCommerce、BigCommerceやカスタムシステムでTikTok Shopを運用する事業者向けのスキルです。商品・注文の同期、クリエイター向けアフィリエイト、LIVEショッピングの設定と管理を扱います。

主な機能

  1. 01TikTok Seller Centerとの接続
  2. 02商品・在庫・注文の同期
  3. 03クリエイター向けアフィリエイト設定
  4. 04LIVEショッピングの企画と実施
  5. 05出荷と返品の管理

活用シーン

  1. 01Shopifyの商品カタログをTikTok Shopに同期
  2. 02WooCommerceでTikTokの注文を管理
  3. 03クリエイターを募り商品報酬を設定
  4. 04新商品の発売に合わせてLIVEショッピングを企画

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/finsilabs/awesome-ecommerce-skills --skill tiktok-shop-integration

インストール後、Claude Code で/tiktok-shop-integrationを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

tile.json
evals/affiliate-program-inventory-safety-and-l/
criteria.json
task.md
evals/tiktok-shop-api-client-and-product-sync/
criteria.json
task.md
evals/webhook-handler-and-order-management/
criteria.json
task.md

詳細

TikTok Shop 連携

概要

TikTok Shop は、TikTok を商品発見の場から、ユーザーがアプリを離れずに購入できる直接販売プラットフォームへと変えます。購入可能な動画投稿、LIVE ショッピングイベント、商品ショーケースタブ、クリエイター向けアフィリエイトプログラムを通じて利用できます。Shopify と WooCommerce では、公式の TikTok 連携により、カタログの同期、注文管理、在庫更新が自動的に処理されます。戦略上必要な作業は、TikTok Seller Center への申請、アフィリエイトプログラムの設計、LIVE ショッピングイベントの実施です。

このスキルを使用する場面

  • TikTok を単なるトラフィック誘導先ではなく、ネイティブな販売チャネルとして立ち上げる場合
  • 商品が短尺動画を通じた衝動買いに適している場合
  • クリエイターが商品をタグ付けし、販売手数料を得られるようにする場合
  • 商品の発売やフラッシュセールに合わせて LIVE ショッピングイベントを実施する場合
  • TikTok Shop と主要なプラットフォーム間で在庫や注文を同期する必要がある場合

基本的な手順

手順 1:TikTok Shop Seller Center に登録する

連携を始める前に、以下を行います。

  1. seller.tiktokshop.com にアクセスし、販売者アカウントを作成します
  2. 本人確認を完了します(政府発行の身分証明書と事業登録情報)
  3. TikTok Business Account を Seller Center に接続します
  4. 販売者としての承認を待ちます。通常は 1〜3 営業日かかります。カテゴリによっては追加書類が必要です(食品、サプリメント、電子機器など)

注: TikTok Shop は現在、米国、英国、東南アジア、およびその他一部の市場で利用できます。利用可能な地域は変わるため、開始前に TikTok が現在サポートしている市場を確認してください。

手順 2:プラットフォームを TikTok Shop に接続する

Shopify
  1. Shopify Admin → Sales Channels → + → TikTok に移動します
  2. TikTok for Shopify をインストールし、TikTok Seller Center アカウントを接続します
  3. Catalog Sync で、Shopify が商品カタログを TikTok Shop に自動同期します
  4. Shopify は TikTok Shop の注文も Shopify Admin に同期するため、1 か所でフルフィルメントを管理できます
  5. TikTok → Products に移動し、承認された商品と問題のある商品を確認します
  6. TikTok のコンテンツ審査(画像品質、禁止カテゴリなど)に通らなかった商品は、理由とともに TikTok → Products → Rejected に表示されます

WooCommerce
  1. WordPress のプラグインディレクトリから TikTok for WooCommerce をインストールします
  2. WooCommerce → TikTok → Seller Center に移動し、TikTok Seller Center アカウントを接続します
  3. プラグインが WooCommerce の商品を TikTok Shop に同期し、TikTok の注文を WooCommerce に取り込みます
  4. WooCommerce → TikTok → Products に移動し、同期状況を確認して、却下された商品があれば対応します

BigCommerce
  1. BigCommerce Admin → Channel Manager → Add a Channel → TikTok に移動します
  2. TikTok Seller Center アカウントを接続します
  3. BigCommerce が商品と在庫を TikTok Shop に自動同期します
  4. 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 モデルでは、すべてのクリエイターが商品を見つけてコンテンツにタグ付けし、コミッションを得られます。事前の関係構築は必要ありません。

  1. TikTok Seller Center → Affiliate → Open Plan に移動します
  2. 商品カテゴリーごとにコミッション率を設定します(Eコマースでは通常 10~20% です)
  3. アフィリエイトコミッションを有効にした商品は、自動的に TikTok Affiliate Marketplace に表示され、クリエイターがプロモーションする商品を探せるようになります
  4. Seller Center → Affiliate → Creators でアフィリエイトクリエイターからの申請を確認します

ターゲットを絞ったパートナーシップの場合:

  1. Seller Center → Affiliate → Targeted Collaboration に移動します
  2. クリエイターのプロフィールを閲覧し、カスタムコミッション率を設定してコラボレーションの招待を送信します
  3. 招待時に商品サンプルを提供したり、具体的な投稿要件を設定したりできます
Step 5: LIVE ショッピングイベントを開催する

LIVE ショッピングイベントでは、リアルタイムで商品を紹介することで、購入を急がせる効果の高い販売を促進できます。

配信を開始する前に:

  1. TikTok Seller Center で Products に移動し、紹介する予定の商品がすべて「Active」ステータスになっていることを確認します(商品審査には 24~48 時間かかります)
  2. TikTok LIVE Studio(アプリをダウンロード)に移動するか、TikTok モバイルアプリを使用します
  3. Shopping で、LIVE 中に紹介する商品を選択します
  4. 通常の投稿や Stories で、24~48 時間前にLIVEを告知します

LIVE 中:

  1. TikTok アプリまたは LIVE Studio からLIVEを開始します
  2. ショッピングカートアイコンを使って紹介する商品を固定します。視聴者は固定されたカードをタップして商品をカートに追加できます
  3. さまざまな商品を実演しながら、紹介する商品をリアルタイムで切り替えます
  4. 価格、サイズ、在庫状況に関するコメントに返信し、購入を促します

LIVE ショッピングイベントに最適な時間帯: 火曜、水曜、または木曜の夕方(米国の視聴者向けには EST 午後 7~9 時)。定期的に配信することで、再訪する視聴者を増やせます。

Step 6: TikTok Shop の注文を管理する

TikTok では、注文確定から 2 営業日以内の発送が求められます。発送が遅れると、セラー評価が低下します。

注文処理の手順:

  1. ネイティブ連携を使用している場合、TikTok Shop の注文はプラットフォームの管理画面(Shopify/WooCommerce)に自動的に表示されます
  2. プラットフォームの管理画面から配送ラベルを印刷します。TikTok は主要なすべての配送業者の追跡番号を受け付けます
  3. 2 日以内に、TikTok Seller Center → Orders で追跡番号を入力します
  4. 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

コメント