TikTokの埋め込みでタイムラインを表示する方法は?メリットや注意点、3つの手順を解説
TikTok
2026年6月9日


担当メンバー
ノックデザイン編集部
ノックデザイン編集部
Web制作・運用の現場で得た知見をもとに、ホームページ制作に役立つ情報を日々発信しています。制作のプロが最新情報やノウハウをわかりやすく丁寧にお届けします。

監修者
安田 亮介
SNSコンサルタント
1992年、大阪生まれ。2018年からブログやSNSでの情報発信をスタートし、2年間で総フォロワー5万人以上を獲得。その後、企業のSNS運用・集客支援、採用プロジェクトを経験し、株式会社ノックデザインに入社。
SNS事業責任者として、TikTokやYouTube、InstagramなどのSNSマーケティングを指揮。4年間で累計100アカウント以上の運用に携わり、これまでに制作した動画は10,000本以上。元ライターとしての経験を活かし、コピーライティングやコンテンツ企画を強みに、成果につながるSNS運用を追求しています。
このメンバーの記事をもっと読む
自社のTikTok運用代行をお探しの方へ
費用だけでなく、具体的なサポート内容や実績事例を知りたい方は、サービス詳細ページをご覧ください。
TikTok運用代行のサービス詳細はこちら >
TikTokはショート動画を使って集客ができるSNSですが、フォロワー数を増やしたいと思っていませんか?
そこで役立つ方法が、TikTokの埋め込み機能です。
Webサイトに自分の投稿やタイムラインを表示できるので、TikTok以外の経路からフォロワー数を増やすことができます。
方法としては3つあるので、自分に合った方法でTikTokを埋め込んでしまいましょう。
フォロワー数を増やす以外にもメリットがあるので、そのあたりも詳しく紹介しています。
株式会社ノックデザインでは、TikTok運用代行サービスを提供しております。
SNSを活用した集客・採用に興味がある方は、以下よりサービス詳細をご覧ください。
TikTok運用代行サービスの詳細はこちらから
この記事でわかること
TikTok動画をサイトに表示させる3つの具体的な手順(コード、ツール、プラグイン)
TikTokを埋め込むことで得られる集客やサイト滞在時間向上などのメリット
著作権、ライセンス、サイトの表示速度といった運用上の注意点
動画サイズの変更方法や自動更新されない時の対処法など、よくある疑問の解決策
- TikTokに投稿した動画をWebサイトに埋め込む3つの方法
- 方法《1》埋め込みコードを使う
- 方法《2》専用の埋め込みツールを使う
- 方法《3》簡単におしゃれなフィードを埋め込みたいならプラグインを活用する
- WebサイトにTikTokの「タイムライン(一覧)」を埋め込むメリット
- メリット《1》TikTokユーザー以外の人に動画を見てもらえる
- メリット《2》新しくフォローしてもらえるチャンスが広がる
- メリット《3》埋め込みを行ったサイトの滞在時間を長くできる
- TikTokの埋め込みを行う時の注意点
- 著作権や使用楽曲のライセンスに注意する
- 元動画が削除されるとサイト上でも表示されなくなる
- サイトの表示速度が重くなる可能性がある
- Webサイト制作からSNS運用まで一括で任せるなら「ニチヨウビ」
- ノックデザインのWeb制作・SNS支援事例
- 株式会社Brianza
- 有限会社長谷川興業
- TikTokの埋め込みに関するよくある質問
- 埋め込み動画のサイズ(大きさ)は変更できますか?
- 自分のサイトに他人の動画を勝手に埋め込んでもいいですか?
- タイムラインが自動更新されない時の対処法は?
- まとめ:WebサイトにTikTokを埋め込んで集客効果を高めよう
TikTokに投稿した動画をWebサイトに埋め込む3つの方法

TikTokでショート動画をせっかく作ったのなら、少しでも多くの人に自分の動画を見てもらいたいと思う人も少なくないでしょう。
そんな時は埋め込み機能を使ってみてください。
埋め込み機能とは、TikTokの動画やタイムラインを、Webサイトに貼り付けて掲載する機能です。
埋め込みコードを使う
専用のツールを使う
プラグインを使う
TikTokの埋め込み機能は、このように大きく分けて3パターンあります。
方法《1》埋め込みコードを使う
TikTokは、公式で埋め込み機能を完備してくれています。
その機能を使えば、誰でも無料でWebサイトに動画の投稿を掲載できるので、うまく使いこなしてしまいましょう。
Wordpressやnoteが、一般的によく使われるWebサイトのサービスではないでしょうか?
それぞれ少しだけ埋め込む手順に違いがあるので、それぞれ埋め込むための流れを紹介します。
Wordpress
Wordpressは、多くの人が使うブログサービスです。
特に専門的な知識がなくても直感的にWebサイトを製作できるため、世界的にシェアがあり、TikTokの埋め込み機能にも対応しています。
TikTokの動画を埋め込むためには、基本的にパソコンからTikTokにログインをしましょう。
そして、埋め込みを行う予定のページを開けば、埋め込みボタンが表示されているはずです。
そのボタンを押して、埋め込みコードが表示されれば、そのままコピーをしておいてください。
コードをコピーできれば、Wordpressを開いて管理画面にログインします。
そして投稿するページにコードを貼り付ければ、TikTokの埋め込みは完了です。
ちなみにWordpressには、クラシックエディタという機能があります。
そちらをメインで使っている人は、TikTokの埋め込みコードをペーストする前に、テキストモードに切り替えてから貼り付けるようにしましょう。
note
noteに関しては、基本的にWordpressよりも簡単です。
埋め込みをしたいTikTokのページを開き、URLをコピーしましょう。
そしてnoteにログインをして埋め込みをしたいページを開き、テキストエディター画面を開きます。
後は、先ほどコピーしたURLを貼り付けるだけです。
簡単にTikTokを埋め込み機能を使いたい人は、Wordpressよりもnoteのほうが使いやすいかもしれません。
TikTokのタイムラインの埋め込みも可能!
TikTokの埋め込み機能は、動画の投稿だけでなく、プロフィールページにあるタイムラインまで埋め込むことができます。
埋め込みたいプロフィールページを開き、画面右にある矢印アイコンをクリックしましょう。
そして「埋め込む」という項目が表示されるはずなので、クリックをしてコードを表示させてください。
「コードをコピー」というボタンをクリックすれば、全てのコードをコピーできます。
ここまでできれば、後はTikTokのタイムラインを表示させたいページを開いて、コードを貼り付けるだけです。
方法《2》専用の埋め込みツールを使う
コードを扱うのが苦手な人は、専用の埋め込みツールを使いましょう。
エンヘッドソーシャルといわれるサービスがおすすめです。
InstagramやYouTubeといった様々なSNSの埋め込みができます。
TikTokのタイムラインの埋め込みだけに使う予定なら、基本的に無料で使えるので安心してください。
様々な投稿をまとめて表示できるように、おしゃれにカスタマイズできるところがポイントです。
有料プランを活用すれば、自分のビジネスなどの口コミにも活用できるので、うまく活用してみましょう。
方法《3》簡単におしゃれなフィードを埋め込みたいならプラグインを活用する
埋め込み専用のツールではなく、Wordpressのプラグインを使ってTikTokを埋め込むことはできます。
B TikTok Feedといわれるプラグインを使うと、背景色やカラム数など、カスタマイズ性も高いところがポイントです。
難しいコードなどは必要ありません。
簡単にカスタマイズできるので、おしゃれにTikTokを埋め込みしたい人こそプラグインを活用しましょう。
もちろんWordpress専用のプラグインなので、noteなどの他社サービスを使う時には導入できません。
【あわせて読みたい】
TikTok集客の完全ガイド|ビジネスで成功するためのマーケティング戦略や方法とは?
株式会社ノックデザインでは、TikTok運用代行サービスを提供しております。
SNSを活用した集客・採用に興味がある方は、以下よりサービス詳細をご覧ください。
TikTok運用代行サービスの詳細はこちらから
WebサイトにTikTokの「タイムライン(一覧)」を埋め込むメリット

自分の作ったTikTokのショート動画を埋め込むと、以下のようなメリットがあります。
TikTokユーザー以外の人に動画を見てもらえる
新しくフォローしてもらえるチャンスが広がる
埋め込みを行ったサイトの滞在時間を長くできる
上記でも紹介しましたが、自分のアカウントへの流入経路が増え、TikTok以外のところからフォローしてもらえるチャンスが広がります。
その他のメリットについても紹介するので、TikTokを本気で取り組みたい人や、おしゃれなWebサイトを作りたい人も試す価値があるでしょう。
メリット《1》TikTokユーザー以外の人に動画を見てもらえる
本来であれば、TikTokのフォロワーを増やすためには、TikTok内のアルゴリズムに従うしかありません。
しかし、TikTokの埋め込み機能を使えば、埋め込んだWebサイトからの流入が見込まれます。
新しくあなたの動画を見てもらえる経路が確保できるようになるので、再生数を伸ばしたい時には役立つでしょう。
ただし、Webサイトに埋め込んだとしても、Webサイトのアクセス数を増やす努力が必要になります。
アクセス数が少ないと、埋め込み機能を使ったとしても、効果が思ったよりも少なかったというケースは少なくありません。
メリット《2》新しくフォローしてもらえるチャンスが広がる
動画を見られるということは、あなたのアカウントをフォローしてくれる可能性はあります。
つまり、TikTok以外の人を取り込むことができるところが埋め込み機能を使う大きなメリットです。
ただし、埋め込みをしたWebサイトから来たユーザーは、全てTikTokユーザーとは限りません。
フォローされる確率は、TikTok内のユーザーに比べて低くなるという点だけは覚えておきましょう。
【あわせて読みたい】
TikTokのフォロワーの増やし方10選!増える裏技やアルゴリズムの注意点とは?成功例を解説
メリット《3》埋め込みを行ったサイトの滞在時間を長くできる
TikTokの埋め込み機能の効果は、再生数やフォロワー数よりも、Webサイトのために使ったほうがいいケースもあります。
それは、TikTokがショート動画を使ったSNSだからです。
現在のGoogleは動画に力を入れており、Google検索を使っているユーザーに対して、動画を埋め込まれたページが表示されやすくなっています。
【引用】
動画は、ウェブ上に作成され利用されるコンテンツのフォーマットとして普及を続けており、Google は、何百万ものさまざまなサイトから動画をインデックス登録してユーザーに配信しています。動画は、メインの検索結果ページ、動画モード、Google 画像検索、Discover など、さまざまな場所に表示されます。
基本的に現在のWebサイトは、テキストがメインとなっており、TikTokも含めて動画が埋め込んであると、それだけで目立ちます。
その結果、TikTokで動画を埋め込んでいると、動画を見てもらいやすくなり、そのWebサイトの滞在時間が伸びるでしょう。
滞在時間が伸びると、そのWebサイトのGoogleからの評価が上がり、さらにWebサイトが見られやすくなります。
上記で紹介したように、さらにTikTokの動画を見られるチャンスが広がり、好循環が生まれますよ。
株式会社ノックデザインでは、TikTok運用代行サービスを提供しております。
SNSを活用した集客・採用に興味がある方は、以下よりサービス詳細をご覧ください。
TikTok運用代行サービスの詳細はこちらから

TikTokの埋め込みを行う時の注意点

TikTokの埋め込み機能を活用する際は、いくつか押さえておくべきポイントがあります。
著作権や使用楽曲のライセンスに注意する
元動画が削除されるとサイト上でも表示されなくなる
サイトの表示速度が重くなる可能性がある
著作権や使用楽曲のライセンス、元動画の削除リスク、サイトの表示速度への影響といった3つの注意点を理解しておくことで、トラブルを未然に防げます。
著作権や使用楽曲のライセンスに注意する
TikTokの埋め込み機能を使う際は、著作権関連の問題に十分注意する必要があります。主な注意点は以下の通りです。
他者の著作権や商標権、知的財産権を侵害するコンテンツの投稿やシェアは禁止されている
自分以外のユーザーが投稿した動画を埋め込む場合は、事前に投稿者から許可を得る必要がある
TikTok動画で使用されている楽曲にも著作権が存在するため、音楽のライセンスについても確認が必要
埋め込み機能を使う際は、基本的に自分が投稿した動画に限定することが安全
【引用】
TikTokの利用規約およびコミュニティガイドラインでは、他者の著作権、商標権、その他の知的財産(IP)権を侵害するコンテンツの投稿、シェア、送信が禁止されています。
※引用:TikTok公式サイトより
TikTokの利用規約では、他者の著作権や商標権、知的財産権を侵害するコンテンツの投稿やシェアが禁止されています。無断で他人の動画を埋め込むと、著作権侵害として法的なトラブルに発展する可能性があるため、商用目的でWebサイトを運営している場合は特に注意が必要です。
元動画が削除されるとサイト上でも表示されなくなる
埋め込んだTikTok動画は、元の投稿の状態に依存します。以下のような状況に注意しましょう。
元の投稿が削除されるとWebサイト上でも表示されなくなる
投稿者がアカウントを削除した場合や動画を非公開にした場合も同様に表示されなくなる
他人の動画を埋め込んでいる場合は削除をコントロールできないため、定期的にチェックが必要
重要なコンテンツとして動画を活用する場合は、バックアップとして動画ファイルを保存しておくことも検討すべき
自分の動画であれば管理できますが、他人の動画を埋め込んでいる場合はコントロールできません。サイトのデザインや構成に大きく影響する可能性があるため、定期的に埋め込み動画が正しく表示されているかチェックする必要があります。
サイトの表示速度が重くなる可能性がある
TikTok動画の埋め込みは、Webサイトのパフォーマンスに影響を与える場合があります。以下のポイントに注意が必要です。
TikTok動画を複数埋め込むと、動画コンテンツのデータ量が大きいためWebサイトの読み込み速度が遅くなる場合がある
表示速度が遅いとユーザーの離脱率が高まり、SEO評価にも悪影響を及ぼす可能性がある
スマートフォンでアクセスするユーザーにとっては、読み込み速度が特に重要な要素
PageSpeed InsightsなどのツールでWebサイトの表示速度を定期的に確認することが重要
埋め込む動画の数を適切に管理し、サイト全体のパフォーマンスを定期的に測定しましょう。特にスマートフォンでアクセスするユーザーにとっては、読み込み速度が重要な要素です。
【あわせて読みたい】
【2025年最新版】TikTokプロフィール設定の完全ガイド|ビジネス活用にも使えるノウハウを徹底解説
Webサイト制作からSNS運用まで一括で任せるなら「ニチヨウビ」

TikTokを活用したマーケティングを本格的に始めたい企業には、専門的なサポートが必要です。株式会社ノックデザインが提供する「ニチヨウビ」は、Webサイト制作からSNS運用までワンストップで対応するサービスです。
年間10,000本以上の動画制作実績を持ち、企業の魅力が伝わるコンセプト企画から、動画の撮影・編集、投稿代行、コメント対応まで全てを代行します。TikTok運用に必要なリソースや専門知識がない企業でも、スムーズに運用をスタートできます。
業界ごとのユーザー視点や反応傾向を分析したデータに基づき、再生数が伸びる理由を論理的に可視化します。投稿ごとに詳細な分析と改善を重ねることで、集客や採用といった事業成長に貢献する運用を実現します。
Webサイトへの埋め込み機能と組み合わせることで、TikTokとWebサイトを連携させた統合的なマーケティング設計も可能です。
ノックデザインのWeb制作・SNS支援事例
ノックデザインでは、さまざまな業種でTikTok運用とWeb制作の支援実績があります。ここでは代表的な2つの事例を紹介します。
株式会社Brianza

アパレル業界で事業を展開する株式会社Brianzaでは、TikTok運用によって大きな成果を上げています。運用1年目で売上が150%増加し、2年目には180%を超える成長を実現しました。
TikTokからの売上は毎月500万円に達し、わずか3日間で100万円の売上を記録したこともあります。24ヶ月間継続してサポートを受けながら、アパレル業界における効果的なSNS戦略を確立しました。
視覚的な魅力が重要なアパレル業界において、TikTokの短い動画フォーマットが商品の魅力を効果的に伝える手段として機能しています。
【あわせて読みたい】
TikTokでアパレル集客成功!月間売上500万円以上を達成した実例と戦略を公開
有限会社長谷川興業

建設業を営む有限会社長谷川興業では、TikTok運用を通じて集客と採用の両方で成果を出しています。運用3ヶ月目で220万回、6ヶ月目には480万回の再生数を獲得しました。
20ヶ月間にわたる継続的な運用サポートにより、建設業界でのTikTok活用モデルを構築しています。従来の求人方法では届きにくかった若い世代に対して、TikTokを通じて企業の魅力を発信できるようになりました。
建設業界のように求人課題を抱える業種において、TikTokが新たな採用チャネルとして機能する事例です。
【あわせて読みたい】
TikTokで建設業の採用成功!運用6ヶ月で再生数480万回!事例をもとに徹底解説!
TikTokの埋め込みに関するよくある質問

TikTokの埋め込み機能について、よく寄せられる質問とその回答をまとめました。
埋め込み動画のサイズ(大きさ)は変更できますか?
自分のサイトに他人の動画を勝手に埋め込んでもいいですか?
タイムラインが自動更新されない時の対処法は?
実際に埋め込みを行う前に確認しておくと安心です。
【あわせて読みたい】
TikTok運用代行とは?メリット・おすすめの選び方・費用相場まで経験者が本音で解説
埋め込み動画のサイズ(大きさ)は変更できますか?
埋め込み動画のサイズ変更の可否は、埋め込み方法によって異なります。主なポイントは以下の通りです。
HTMLコードを使って埋め込んだ場合は、コード内の「max-width」と「min-width」の数値を変更することでサイズ調整が可能
max-widthは縦のサイズ、min-widthは横のサイズを指定する項目
noteなどURLを貼り付けるだけで埋め込める仕様の場合は、サイズ変更ができない
細かいカスタマイズが必要な場合はHTMLコードでの埋め込みを選択する必要がある
HTMLコードを使って埋め込んだ場合は、サイトのデザインに合わせて適切なサイズに調整できます。埋め込みコードの中にある数値を編集すれば、縦と横のサイズを変更できます。
自分のサイトに他人の動画を勝手に埋め込んでもいいですか?
他人の動画を埋め込む際は、著作権の問題に注意が必要です。以下のポイントを理解しておきましょう。
他人が投稿したTikTok動画を無断で埋め込むことは、著作権侵害にあたる可能性がある
TikTokの利用規約でも、他者の知的財産権を侵害する行為は禁止されている
他人の動画を埋め込みたい場合は、事前に投稿者に連絡を取り、許可を得る必要がある
基本的には自分が投稿した動画のみを埋め込むようにすることが安全
許可なく埋め込んだ場合、法的トラブルに発展するリスクがあります。自分の動画であれば著作権の問題を気にせず、自由に活用できます。
タイムラインが自動更新されない時の対処法は?
タイムラインの更新については、埋め込み方法によって対応が異なります。以下の点を確認してください。
TikTokの埋め込みコードは取得した時点での情報を基にしているため、新しい投稿が自動的に反映されない
最新の投稿を反映させるには、再度TikTokのプロフィールページから埋め込みコードを取得し、Webサイトに貼り直す必要がある
専用の埋め込みツールを使用している場合は、ツールの設定で自動更新の頻度を調整できる場合がある
ツールの管理画面で更新設定を確認する必要がある
定期的にコードを更新することで、常に最新のタイムラインを表示できます。TikTokの埋め込みコードでタイムラインを表示している場合、新しい投稿が自動的に反映されないケースがあります。
まとめ:WebサイトにTikTokを埋め込んで集客効果を高めよう

【あわせて読みたい】
TikTokアルゴリズム攻略・成功事例|おすすめに載る方法を徹底解説
TikTokでバズらせる方法とコツ7選!初心者でも実践できるバズる戦略と成功事例を解説
TikTokの埋め込み機能というのは、様々なところから流入経路を確保できるという画期的なところを持ち合わせています。
Webサイトに自分の投稿を埋め込んでしまえば、Googleの検索からも自分のショート動画を見てもらえるでしょう。
さらに実店舗があるのなら、やり方次第では、オフラインでの付き合いがある人からもリーチできます。
ただし、埋め込み機能を使ったからといって、TikTok内でフォロワー数を伸ばす必要がなくなるわけではありません。
埋め込み機能を使った方法は、動画を見てくれた人全員がTikTokユーザーではないからです。
TikTokを伸ばして集客として使いたいのなら、コツコツと動画を投稿し続けるようにしましょう。
まずは資料をダウンロード

TikTokサービス資料
TikTok運用代行の支援内容や、支援実績に関する資料をご覧いただけます。
SNS運用にお悩みの方は、プロに無料相談してみませんか?
・
TikTokやYouTubeを活用したいが、何から始めればいいかわからない
・
自社のSNSアカウントが伸び悩んでおり、改善策を知りたい
・
SNSを通じて集客や採用を強化したいが、効果的な戦略がわからない
このようなお悩みを、SNS運用の専門家が解決に導きます。
貴社の目的や課題を丁寧にヒアリングし、最適な運用プランをご提案いたします。
※ご相談は無料、ご依頼は必須ではありませんので、まずはお気軽にご相談ください。
無料相談してみる
本記事に関連するサービス
TikTokサービス資料

TikTok運用代行の支援内容や、支援実績に関する資料をご覧いただけます。







