TikTokの動画をWordPressに簡単に埋め込む方法(2025年)
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ TikTokの動画をWordPressに簡単に埋め込む方法(2025年)

TikTokの動画をWordPressに簡単に埋め込む方法(2025年)

ワードプレスにTiktokのビデオを埋め込む方法

TikTok動画を追加することは、再生回数を増やし、より多くのフォロワーを獲得するための素晴らしい方法です。

しかし欠点は、たくさんの煩わしい埋め込みコードに対処しなければならないことだ。そして、もしあなたが私のような人なら、たくさんの複雑なコードを追跡し続けることは、良い時間のあなたの考えではない。

TikTokの動画をWordPressに追加する最も簡単な方法をご紹介します。

この包括的な2025ガイドでは、TikTokビデオをWordPressサイトに統合する最も簡単な方法をご紹介します。

手作業によるアプローチを好むか、合理的なプラグインによるソリューションを好むかにかかわらず、この記事ではWordPressでTikTokの動画を表示する方法を説明します。

この記事の中で

なぜTikTok動画をウェブサイトに埋め込むのか?

TikTok動画をWordPressサイトに統合することで、デジタルマーケティングとオーディエンスのエンゲージメントに多くの利点が生まれます:

  • 製品プロモーションを強化:インフルエンサーのレビューやデモンストレーション、同様のユーザー生成コンテンツを含むTikTok動画を見せることで、新製品を効果的にプロモーションする。
  • コンバージョンを高める:製品やサービスのページに直接、本物のビデオ体験談を表示することで、信頼を築き、より多くの販売を促します。
  • 視聴者を増やす:貴社のウェブサイトから直接TikTok動画をクロスプロモーションし、ウェブサイトの訪問者をTikTokのフォロワーに変換します。
  • ユーザーエンゲージメントを高める:魅力的なTikTokコンテンツをフィーチャーすることで、サイト訪問者を長く維持し、直帰率とSEOランキングを改善します。

「これは、ランディングページやブログ記事で、情報を共有したいが、閲覧者が他のページに流れてしまうのを避けたい場合に理想的です。

- ニール・パテル、受賞歴のあるデジタルマーケター

TikTok動画を手動で埋め込む方法

コードベースの直接的なアプローチを好むユーザーには、いくつかの制限はあるものの、手動でTikTok動画をWordPressに埋め込むことが可能です。

TikTok動画を手動で埋め込むためのステップバイステップガイドです:

ステップ1:TikTok埋め込みコードを見つける

まずは、ウェブブラウザでwww.tiktok.com

埋め込みたい動画を見つけて開く。

ここで矢印のアイコンを クリックすると、このビデオを共有するさまざまな方法が表示されます。

そうしたら、Embed ボタンをクリックしてください。

手動でtiktokビデオを共有する

すると、このTikTokビデオの埋め込みコードがここに表示されます。このコードをあなたのサイトに追加することで、動画を埋め込むことができます。

コードを クリップボードに コピー するには、[ コードをコピー] ボタンをクリックします。

ステップ2:WordPressのページまたは投稿を作成する

ウェブサイトを開き、ダッシュボードからページ " 新規追加メニューに移動します。

投稿を使いたい場合は、代わりに投稿 " 新規追加メニューを開いてください。

新しいワードプレスページを追加する

ステップ3:WordPressサイトに埋め込みコードを挿入する

まず、プラス(+)アイコ ンをクリックして、新しいコンテンツブロックを追加します。

グーテンベルグ・ブロックの追加

次に、検索バーを使って「カスタムHTML」を 探し、下の検索結果のカスタムHTML ブロックをクリックします。

カスタムhtmlブロックの追加

あとは、先ほどのTikTok埋め込みコードを新しいブロックに貼り付けるだけ です。

カスタムhtmlブロックに埋め込みコードを追加する tiktok

最後にPublishをクリックすると、新しいTikTokビデオがあなたのWordPressサイトで公開されます。

TikTokのビデオをチェックするには、ウェブブラウザでこのページか投稿を開くだけでいい。

手動でTiktokビデオを埋め込む

別のTikTokビデオを埋め込むには、ステップ1に戻り、すべてのプロセスを繰り返します。ご覧のように、この方法は機能的ですが、いくつかの欠点があります。

手動TikTokエンベッディングの欠点:

  • 時間がかかる&複雑: 手作業で多くの動画を埋め込むことは、多くの埋め込みコードを扱うことを意味し、より多くの時間がかかる。
  • ブランディングの不一致:埋め込み動画はTikTokのネイティブデザインを保持するため、ウェブサイトのカスタムブランディングや美学と衝突する可能性があります。
  • サポートの欠如:埋め込みエラーや問題が発生した場合、トラブルシューティングのための専用サポートチャネルはありません。
  • パフォーマンスへの影響: TikTokから複数のアセットを直接取得すると、ウェブサイトの読み込み速度が低下し、ユーザーエクスペリエンスやSEOに悪影響を及ぼす可能性があります。

WordPressにTikTok動画を埋め込む最も簡単な方法 

時間と労力を節約し、TikTok動画を表示する最もシンプルな方法を採用したいとしよう。

そのための最も効率的な方法は、WordPress専用のプラグインを活用することだ。

このガイドでは、包括的な機能とユーザーフレンドリーなデザインのTikTok Feed Proをお勧めする。

tiktok feed pro ホームページ

TikTok Feed Proのご紹介:主な利点

  • 自動デザイン統合: すべてのTikTokフィードは自動的にあなたのウェブサイトの既存のデザインとブランディングをコピーするので、すべてが完璧にフィットします。
  • 献身的なカスタマーサポート:TikTok Feed Proには絶賛されたサポートチームがあり、あなたの質問にお答えします。
  • 最適化されたパフォーマンスとSEO:プラグインは軽量なので、大量の動画を埋め込んでもサイトの読み込みは超高速です。
  • 合理化された3ステップのセットアップ:このプラグインは、3ステップのガイド付きフローでTikTok動画を埋め込むプロセスを簡素化します。
  • ビジュアル・カスタマイザー:ビジュアルカスタマイザーを使って、レイアウト、ヘッダーデザイン、ビデオエレメントなどを設定することもできます。また、正確なカスタマイズのためのライブプレビューもあります。
Tiktikフィード編集の例

全体的に、TikTok Feed Proはユーザーフレンドリーでパワフルという完璧な組み合わせだと言えるでしょう。わずか数分で始めることができ、魅力的なTikTokフィードを作成するために必要なものがすべて揃っています。

TikTok動画を追加してみませんか?TikTok Feed Proはこちらから入手できます

WordPressにTikTokの動画フィードを埋め込む方法

それでは、このプラグインを使ってTikTokビデオフィードを埋め込む方法を見てみましょう。ステップごとに説明します。

ステップ1:TikTok Feed Proをインストールしてアクティベートする

まず、あなたのウェブサイトにプラグインをインストールして有効にする前に、TikTok Feed Proのコピーを入手してください。

(より詳細な情報が必要な場合は、WordPressプラグインのインストール方法を参照してください。)

ステップ2:TikTokフィードを作成する

さあ、ガイド付きフローでフィードを作成しましょう。

まず、ダッシュボードから TikTok Feed " All Feedsメニューを開き、一番上のAdd New ボタンをクリックします。

ライブ・フィード・エディターを開く tiktok feed

ステップ3:TikTokアカウントに接続する

その後、このフィードをTikTokアカウントに接続することで、ウェブサイトにTikTok動画を表示することができる。

ここでソースの追加ボタンをクリックする。

tiktok feed pro 追加ソース

次のページでは、TikTokと接続する ボタンをクリックするだけです。

そうするとTikTokにリダイレクトされ、そこで自分のアカウントと接続できる。

Tiktokとつながる

プラグインはあなたのTikTokアカウントへの読み取り専用アクセスを要求します。このアクセス権を使って、TikTok Feed ProはあなたのTikTok情報を閲覧し、サイトに動画を表示することができますが、プラグインは変更を加えることができません。

アクセスを確認するには、Authorize ボタンをクリックしてください。

これだけで、プラグインは自動的にあなたのTikTokアカウントに接続します。

TikTokアカウントを選択し、「次へ」ボタンをクリックするだけです。

Tiktokソースを選択

ステップ4:TikTokビデオフィードをカスタマイズする

次に、プラグインは、あなたが選ぶことができるさまざまな事前に構築されたテンプレートを表示します。

どのテンプレートも美しくユニークなデザインで、すぐに新しいTikTokビデオフィードにコピーできます。

お好みのテンプレートを選択し、「次へ」 ボタンをクリックしてください。

フィードテンプレートの選択

この例では、デフォルトのテンプレートを使いましたが、残りの手順はどのテンプレートを選んでも同じです。

フィードテンプレートを選ぶと、TikTok Feed Proはビジュアルカスタマイザーを開きます。

左側には、レイアウト、ヘッダーのスタイル、ボタンのデザインなどをカスタマイズできるオプションがあります。

右側にはTikTokフィードのライブプレビューがあります。

ライブフィードエディター tikto feed pro

カスタマイズを始める準備はできましたか?通常、私はTikTokビデオのレイアウトを設定することから始めます。

左のレイアウトオプションを クリックするだけで、すぐに始められます。

レイアウトを開く tiktok feed pro

TikTokのビデオフィードには4つのオプションがあります:

  • グリッド複数のTikTok動画をすっきりと魅力的なグリッド形式で表示します。
  • リスト:動画を1列に表示し、見やすくします。
  • 石組み: オリジナルのプロポーションを保ちながら、複数の列に動画を配置。
  • カルーセル:動画のインタラクティブなスライダーを作成します。
tiktok feed proのレイアウトオプション

レイアウトを選択したら、Save ボタンをクリックします

その後、 カスタマイズをクリックして、TikTokフィードのデザインの編集を続けることができます。

カスタマイズボタン ライブフィードエディタ tiktok feed pro

そうすることで、メインのカスタマイズオプションがもう一度開きます。

今回は、代わりに左側の「ヘッダー」 オプションをクリックする。

tiktokのオープンヘッダーオプション

ヘッダーを有効または無効にするオプションは左上にあります。

その下にあるシンプルなチェックボックスで、以下を含むすべてのヘッダー要素の表示/非表示を切り替えることができる:

  • プロフィール写真
  • 名称
  • ユーザー名
  • 説明
  • 統計
  • ボタン
ライブ・フィード・エディターがtiktokのヘッダーを変更

必要な要素を表示または非表示にしたら、「保存」をクリックして変更を確定します。

さらに、各要素をクリックして詳細にカスタマイズすることもできる。

この例では、ここでプロフィール画像オプションの設定を変更します。

ヘッダープロファイルのカスタマイズ

ここから、ドロップダウンメニューからプロフィール写真の サイズを選択できます。

また、余白とパディングを設定して、プロフィール写真の位置を選ぶこともできます。

前回同様、Saveをクリックして変更を保持する。

このように、残りのオプションを使って、フィルター、ボタンデザイン、ビデオエレメントなどを設定できます。TikTokフィードに満足したら、もう一度保存をクリックしてください。

ステップ5:TikTokフィードをWordPressに埋め込む

プラグインは非常に使いやすいので、ライブフィードエディタから直接ビデオを埋め込むことができます。

右上の Embed(埋め込み )をクリックしてください。

tiktokフィードを埋め込む ライブフィードエディタ

次に、TikTok動画を埋め込む場所を選択するポップアップが表示されます。動画をページ、サイドバー、投稿、フッターに埋め込むことができます。

このチュートリアルでは、動画フィードをWordPressのページに挿入する。

まず、プラグインのショートコードをコピーするために、ポップアップのコピーオプションをクリックします。

コピーショートコード tiktok feed pro

ショートコードを取得したら、フィードの場所を選択します。

とりあえず、ここでは「ページに追加 」オプションを使うことにする。

tiktok feed pro ページに追加する

すると、ポップアップにWordPressの全ページのリストが表示されます。

リストからページを選択し、ポップアップの追加 ボタンをクリックします。

ページを選択 Tiktok feed pro

TikTok Feed ProはWordPressのブロックエディターでそのページにリダイレクトします。

TikTokフィードを埋め込むには、まずプラスアイコン(+)をクリックして新しいコンテンツブロックを追加します。

ブロックtiktokビデオフィードを追加

次に、検索フィールドで「ショートコード」を 検索し、下の検索結果からショートコード・ブロックを選択します。

最後に、先ほどのショートコードをショートコードブロックに貼り付けて 、フィードを埋め込みます。

また、このショートコードを投稿、サイドバー、フッターに追加して、TikTok動画を埋め込むこともできます。

tiktok feed pro 用ショートコード

これだけで、プラグインは自動的にTikTokビデオフィードをウェブサイトに挿入します。

訪問者にどのように見えるかは、サイトを開いて自分の目で確かめてください。

一例として、以下に埋め込んだTikTokのビデオフィードをご覧いただきたい。

Tiktokビデオフィードの例

TikTokのビデオをWordPressのサイドバーやフッターに追加するには、他の埋め込みオプションを使用することもできます。

結論

TikTok Feed Proプラグインを使えば、魅力的なTikTok動画とダイナミックフィードをWordPressウェブサイトに簡単に直接埋め込むことができます。

自分のサイトに関連動画を追加し始めると、簡単に大量の再生回数とフォロワーを集めることができる。さらに、あなたのサイトに長く滞在してもらうこともできる。

TikTok Feed Proはこちらから入手できます

人々を惹きつけるTikTok動画を作りたいですか?中小企業に最適なTikTokの事例を集めた便利なガイドをご紹介します。

よくある質問

WordPressのElementorウェブサイトにTikTokビデオを追加するには?

TikTok Feed Proのようなツールを使えば、ElementorやDiviのような一般的なページビルダーと連動させることができる。

TikTokプロフィールに自分のウェブサイトをリンクするには?

TikTokでウェブサイトをリンクするのは、実はとても簡単です。プロフィールを編集し、下にスクロールしてウェブサイト欄を探し、リンクを挿入するだけです。 ただし、フォロワーが1000人未満の場合は、ビジネスを登録する必要があるかもしれません。

WordPressのウェブサイトにライブビデオを埋め込むには?

TikTok動画と同様に、WordPressにライブストリームを埋め込む最も簡単な方法は、動画フィードプラグインを使用することです。 YouTubeのライブ動画であれば、YouTube Feed Proプラグインを使えば、わずか数分でライブ動画を埋め込むことができる。

WordPressは動画を許可していますか?

しかし、WordPressに動画をアップロードし、サイトに表示することができるのだ。 悲しいことに、動画は写真やテキストに比べてファイルサイズが大きいのが普通だ。そのため、多くのサイトオーナーは、動画にサーバースペースを費やす代わりに、YouTubeやTikTokのようなサードパーティのサイトを利用している。

その他のソーシャルメディア・マーケティング・ガイド

ソーシャルメディアマーケティングとウェブサイト統合をさらに最適化するためのその他のガイドをご覧ください:

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。