We value your feedback. Please take a 1-minute survey to help us improve our Help Center. Click ‘Yes’ to participate.

Yes
✕
Start Strong
Sell Smart
Manage with Ease
Market to Success

顧客向けTikTokログイン機能の有効化設定

オンラインストアにソーシャルログイン機能を導入することで、シームレスなユーザー体験を提供できます。簡単な会員登録により、パーソナライズされたおすすめやセキュリティ強化が可能になり、顧客にとって快適なショッピング環境を実現します。

この記事では、TikTokログイン機能の設定方法についてご案内します。新規会員の獲得やコンバージョン率の向上にお役立てください。

 

 

TikTokログインを有効にするメリット

TikTokログインを有効にすると、顧客とのやり取りの中でTikTok ID、ユーザー名、プロフィール写真など、TikTokプロフィール情報へのアクセスをリクエストできるようになります。
TikTokログインを活用することで、次のようなメリットが得られます。

  • 会員数の増加：TikTokフォロワーをスムーズにストアへ誘導し、エンゲージメントや取引件数の向上につなげます。
  • 登録プロセスの簡略化：フォロワーが追加登録なしでそのままストア顧客へと移行できるため、利便性の高い購買体験を提供できます。
  • パーソナライズされたマーケティングの実現：顧客のTikTokプロフィール情報を活用し、ターゲットを絞ったプロモーションを行うことで、より最適化されたショッピング体験を提供できます。
  • 効率的なデータ収集：登録時の負担を軽減しながら、正確で最新の顧客データを収集できるため、分析やマーケティング活動の精度が向上します。

重要：

これらのメリットを享受するためには、ユーザーのプライバシーを尊重し、関連するデータ保護規則を順守することが重要です。

 

 

TikTokでソーシャルログインを設定する

TikTokログインを有効にするには、まずTikTok開発者アカウントでいくつかの設定を行う必要があります。以下の手順に沿って設定を進めてください。

  1. TikTok開発者アカウントにサインアップまたはログインします。
    まだアカウントをお持ちでない場合は登録し、すでにお持ちの場合はログインしてください。
  2. （オプション）組織アカウントを作成します。
    本人アカウントではなく組織アカウントで管理したい場合は、組織を作成します。すでに組織をお持ちの場合や個人アカウントで進める場合は、このステップをスキップしてください。
    1. プロフィール写真をクリックし、「My organizations」 を選択します。2-2-1. My organization, homepage.png
    2. 「Create organization」 ボタンをクリックします。
      2-2-2. Creat organization.png
    3. 表示された「Create Organization」ウィンドウで、組織名を入力し、「Create」 をクリックします。
      2-2-3. Fill out organization name.png
    4. 必要に応じて、組織情報を確認・編集します。詳細はTikTok公式ガイド「Working with organizations」をご参照ください。
      2-2-4. View and edit organization info.png
  3. アプリを管理します。
    プロフィール写真をクリックし、「Manage apps」 を選択します。
    2-3. Manage apps, homepage.png
  4. アプリを接続します。
    「Connect an app」 をクリックし、個人開発者または組織のいずれでアプリを接続するか選択します。アプリ名を入力し、「Confirm」 をクリックします。
    2-4. Connect an app _ Select the app owner _ Confirm.png
  1. 商品を追加します。
    左側メニューから「Add products」をクリックし、Login Kitセクションで「Add」を選択して、「Done」をクリックします。
    2-5. Add products _ Login Kit, Add _ Done.png
  2. アプリ情報を設定します。
    Configurationセクションで、以下の必須項目を入力します。
    2-6. Configuration section.png
    • アプリアイコン、アプリ名、カテゴリ、説明
      （これらの情報はユーザーに表示されるため、正確に入力してください。）
    • 利用規約URL
      ストアの公式「利用規約」ページのリンクを追加します。未作成の場合は、「カスタムページの作成方法」を参照して作成してください。
    • プライバシーポリシーURL
      ストアの公式「プライバシーポリシー」ページのリンクを追加します。未作成の場合は、同様に「カスタムページの作成方法」を参照してください。
    • プラットフォーム設定
      「Web」を有効にし、ストアの公式サイトURLを追加します。
  1. リダイレクトURIを設定します。
    Productセクションの「Web」タブで、ユーザーがログイン後にリダイレクトされるストアのサインインページのURLを追加します。（URLの末尾に「/user/signIn」を付加してください。）

    例：
      • SHOPLINEドメイン使用ストアの場合：https://xxxx.myshopline.com/user/signIn
      • 独自ドメイン使用ストアの場合：https://xxxx.xxxx.com/user/signIn
        2-7. Products _ Redirect URL.png
  1. アプリ審査を申請します。
    すべての設定が完了したら、ページ上部に戻り、「Submit for Review」 をクリックして審査を申請します。審査完了までしばらくお待ちください。    2-8. Submit for review.png
  2. 審査結果を確認します。
    審査が承認されると、通知メールが届き、アプリのステータスが「Staging」から「Live in Production」に変更されます。
    Screen Shot 2023-12-19 at 6.15 1.png

最後に、TikTok開発者アカウントに接続し、SHOPLINE管理画面でTikTokログイン機能を有効化してください。

 

 

SHOPLINEでTikTokログインを有効にする

SHOPLINEストアでTikTokアカウントによるソーシャルログインを有効にするには、以下の手順に従って設定してください。

  1. SHOPLINEの管理画面から、設定  ＞ 顧客アカウント に移動します。
    3-1. Settings _ Customer account.png
  2. TikTokログインを連携します。
    通常顧客アカウントセクション内の「サードパーティアカウントによるログイン」項目で、TikTokログインの横にある「連携」をクリックします。ポップアップウィンドウが表示され、Client key と Client secret の入力が求められます。
    3-2-1. Link TikTok login.png
  3. TikTok開発者アカウントで情報を取得します。
    TikTok開発者アカウントのアプリ管理ページにアクセスし、アプリ詳細セクションから Client key と Client secret をコピーします。
    3-2-2. Client secret & Client key.png
  4. SHOPLINEに情報を入力します。
    SHOPLINE管理画面に戻り、コピーした Client key と Client secret をそれぞれ対応する欄に貼り付け、「保存」をクリックします。
    3-2-3. Link TikTok login.png

これで、顧客がTikTokアカウントを使ってSHOPLINEストアにログインできるようになります。