すべてのコレクション
Feedlink フィードリンク
スタートガイド
TikTokとFeedlinkを連携させ動画をページに表示させる方法
TikTokとFeedlinkを連携させ動画をページに表示させる方法

TikTok動画をFeedlinkページに表示させる方法をご紹介します。

Embedsocial Japan avatar
対応者:Embedsocial Japan
一週間前以上前にアップデートされました

Feedlinkは、PROプラン以上をお申込みいただくと、TikTokに投稿した動画をページ上で表示することが出来ます。TikTokとFeedlinkを連携させるため、一度接続すればFeedlink側で更新しなくてもTikTokの最新の動画が追加されていきます。

設定は以下の通りです。

なお、Feedlink製品のご利用開始やログイン方法は、こちらの記事からご確認下さい。

FeedlinkとTikTokの接続

まず最初に、TikTok動画をFeedlinkに表示させるには、

Feedlink(を運営するEmbedSocial)とTikTokの接続する必要があります。

以下がその設定方法です。


1. ログイン後、画面左のメニューから「ソーシャルアカウント」をクリックして、ページに進みます。

2. 右上の「新しいアカウントに接続」をクリックすると、ソーシャルアカウントと接続するためのポップアップが表示されます。TikTokアカウントをクリックして進みます。

3. FeedlinkからTikTokにリダイレクトされますので、TikTokのログインを行ってください。

4. すでにログインしている場合は、TikTokとEmbedSocial(Feedlinkの開発元)の接続許可を求める画面になりますので、ここで、「アクセス許可」をクリックしてください。

5. 再びFeedlinkページにリダイレクトさます。「ソーシャルアカウント」ページに先ほどアクセスを許可したTikTokアカウントが追加されているのが確認できます。

これで準備は完了です。

FeedlinkページにTikTok動画を表示する

ここからは実際にFeedlinkページにTikTok動画を表示させる設定方法を紹介します。

6. Feedlinkのホームメニューから、「フィードリンク」ページに進み、TikTokを埋め込みたいFeedlinkページの「Edit page」ボタンをクリックして編集画面に進みます。

7. 作成画面に上部の「エクスプローラー」をクリックして、ブロックメニューの中から、「TikTokフィード」を選択します。


8. TikTokフィードというブロックが表示されます。プルダウンメニューから表示したい動画のTikTokアカウントを選択して、「適用」をクリックします。

(初回設定時にはダミーのTikTok動画が表示されていることがありますがご自身のアカウントを選択して「適用」ボタンをクリックすれば、ダミー動画は削除されます。)

これで表示設定は完了し、Feedlinkページに指定したTikTokアカウントの動画が表示されます。

なお、すべての設定が終わったら、画面右上の「保存」ボタンを必ずクリックしてください。


追加設定オプション:TikTok動画の表示・非表示設定、動画にリンクを追加

Feedlinkでは、TikTok動画ごとに表示・非表示の設定を行ったり、個別にCTAを設置してリンクを追加することが出来ます。

[追加設定a.] 動画の表示・非表示設定

各動画の左上のチェックボックスのON/OFFによって、Feedlinkページに表示する動画を選択できます。チェックを外す(OFF)とFeedlinkページ上で表示されなくなります(作成画面では動画は表示されたままになっていますが、プレビュー画面では非表示になっていることが確認できます)。

なお公開ページ上の更新は5分ほどかかります。

[追加設定b. ]各動画にCTAボタンを付けてリンクをはる

各動画にCTAボタンを設置してリンクをはることが出来ます。商品紹介などに「購入する」ボタンなどを設置して、Eコマースサイトにリンクさせるなど、様々な用途で活用できます。

b-1. すべての動画に同じリンクをはる 

b-2. 動画ごとに異なるリンクをはる

の2つのパターンが可能です。

b-1. すべての動画に同じリンクをはる場合

Feedlink作成画面上で、TikTokブロックの端(動画ではない部分)をクリックして、ブロックを指定します。

TikTokブロック全体を囲む枠が青くなったことを確認し、その状態で左のメニューの「ブロック設定」をクリックすると、「すべての投稿に同じリンクを適用」が出てくるので、「はい」を選びます。

「はい」を選択すると、その下に以下の設定が出てきます。

リンク表示とは、リンクの表示をどのようにするかを設定します。

  • ボタン:任意の表示名を付けられるボタンが動画右下に設置され、クリックするとリンク先へ

  • アイコン:リンクのマークが動画右下に設置され、クリックするとリンク先へ

  • ボタン非表示:ボタンやリンクアイコンを見せない、動画をクリックするとリンク先へ

リンク表示で「ボタン」を選択すると、「リンクボタンを選択」でお好みの文字が入ったボタンを選ぶことが出来ます。「表示名を自由入力」を選択すると、自分で好きな文字をボタンに表示できます。その後,

リンクURLを入力して、「変更を保存」します。

リンク表示で「アイコン」「ボタン非表示」を選択した場合は、リンクURLを入力して「変更を保存」します。

リンクの確認は、画面右上の「プレビュー」をクリックして、プレビュー画面上で行ってください。

b-2. 動画ごとに異なるリンクをはる

Feedlinkページの作成画面でTikTokフィードブロックを表示させ、リンクを付けたい動画にマウスをかざすと「リンクを追加」が表示されますのでクリックします。

リンクを追加をクリックすると、「投稿のリンクを編集」というポップアップが出てきます。

リンク表示とは、リンクの表示をどのようにするかを設定します。

  • ボタン:任意の表示名を付けられるボタンが動画右下に設置され、クリックするとリンク先へ

  • アイコン:リンクのマークが動画右下に設置され、クリックするとリンク先へ

  • ボタン非表示:ボタンやリンクアイコンを見せない、動画をクリックするとリンク先へ

リンク表示で「ボタン」を選択すると、「リンクボタンを選択」でお好みの文字が入ったボタンを選ぶことが出来ます。「表示名を自由入力」を選択すると、自分で好きな文字をボタンに表示できます。その後,

リンクURLを入力して、「変更を保存」します。

リンク表示で「アイコン」「ボタン非表示」を選択した場合は、リンクURLを入力して「変更を保存」します。

リンクの確認は、画面右上の「プレビュー」をクリックして、プレビュー画面上で行ってください。

これで、TikTokブロックの追加設定も完了です。

すべての設定が終わったら、画面右上の「保存」ボタンを必ずクリックしてください。

設定方法でご不明な点は、当社サポートまでご連絡ください。

こちらの回答で解決しましたか?