プラグインなしでWordPressサイトにTikTokフィードを埋め込む方法(2025年)
ホーム ブログ プラグインなしでWordPressサイトにTikTokフィードを埋め込む方法(2025年)

プラグインなしでWordPressサイトにTikTokフィードを埋め込む方法(2025年)

ウェブサイトにtiktokのフィードを埋め込む方法

プラグインなしでTikTokフィードをWordPressに追加する簡単な方法をお探しですか?

ソーシャル・メディア・マーケティングの12年の経験の中で、私はソーシャル・メディア・コンテンツのアップロードとプロモーション、複数のWordPressプラグインのテスト、ソーシャル・プルーフを確立するためのWordPressソーシャル・メディア・フィードとの連携にかなりの時間を費やしてきた。

TikTokのコンテンツをWordPressサイトに直接埋め込むことは、エンゲージメントを高め、リピーターを増やす確実な方法です。

しかし、手作業でTikTokビデオフィードを統合するのは、特にコーディングの達人でない人にとっては、少々頭痛の種かもしれない。

TikTokフィードのゲームに慣れていない場合、何から始めたらいいか戸惑うかもしれません。TikTokフィードを埋め込む方法がわからない場合、何がベストな選択なのでしょうか?プラグインを使ってTikTokフィードを埋め込むべきか、プラグインなしで埋め込むべきか?などなど。

今日の話の目次はこうだ:

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

TikTokのフィードをウェブサイトに埋め込むには、2種類の方法があります:

  • 手動の方法:TikTok埋め込みジェネレーターを使って各動画の埋め込みコードスニペットを作成し、そのコードスニペットをウェブサイトに手動で挿入します。
  • 自動的な方法: あなたのウェブサイトにTikTokのビデオフィードを自動的に埋め込むことができるWordPressのTikTokプラグインを取得します。

TikToksを埋め込むには、手動と自動のどちらの方法が良いのでしょうか?以下でさらに深く掘り下げてみましょう。

TikTokフィードをプラグインで追加すべきか、プラグインなしで追加すべきか?

プラグインの数を減らせば、WordPressウェブサイトが速くなると思うかもしれない。

お粗末にコード化されたプラグインは物事を遅くする可能性があるが、よく作られたプラグインは実際に 時間を節約し、サイトをスムーズに動かす。

真実は?

重要なのはプラグインの数ではなく、そのです。最高のWordPressソーシャルメディアプラグインは、徹底的にテストされ、スピードとパフォーマンスのために最適化されています。

そのため、TikTok Feed Proのようなプラグインを使用することが、WordPressウェブサイトにTikTokフィードを埋め込む最もシンプルで簡単かつ効果的な方法なのです。

プラグインなしでTikTokのフィードを追加しようとすると、面倒なことになるのはなぜか:

  • 手動での埋め込みは難しく、時間がかかる: 手動でTikTokフィードを設定するには、技術的なステップとコードの編集が必要です。TikTok Feed Proを使えば、数回クリックするだけです。
  • TikTokフィードを失う可能性があります:手動でフィードを埋め込む場合、ウェブサイトに直接コードを挿入することになります。WordPressのテーマを変更したり、特定のアップデートを行ったりすると、TikTokフィード全体が失われる可能性があります。TikTok Feed Proを使えば、このような問題は起こりません。
  • カスタマイズは限られています:手動でTikTokフィードを埋め込んでも、フィードの外観を変更する方法はほとんどありません。TikTok Feed Proを使えば、数クリックでフィードのデザインやレイアウトをより自由にコントロールできます!
  • ゼロの顧客サポート:もしあなたがプラグインなしでフィードを追加し、TikTokの埋め込みが正しく動作しない場合、あなたを助けるために専門のサポートチームがありません。

TikTokフィードウィジェットをWordPressウェブサイトに埋め込む最も簡単な方法

WordPressサイトにTikTokフィードを表示する簡単な方法に興味がありますか?

WordPressのTikTokフィードプラグインであるTikTok Feed Proを使えば、TikTokビデオフィードをウェブサイトに埋め込むことができます。

tiktok feed pro ホームページ

わずか数クリックで、TikTok Feed Proを使ってTikTokフィードを作成、カスタマイズし、ウェブサイトに埋め込むことができます。 

プラグインの3ステップのガイドフローに従うだけで、JavascriptやHTMLなどのコーディング言語は必要ありません。JavascriptやHTML、コーディング言語は一切不要です。埋め込みプロセスは簡単でわかりやすく、特にWordPress初心者の方におすすめです。

ティクトック・フィード・プロ

175万人以上のユーザーが、TikTok Feed ProのようなSmash Balloonソーシャルメディアフィードプラグインを信頼しています:

  • クイック&簡単セットアップ:簡単な3ステップのセットアップガイドで、数分でTikTokフィードを立ち上げて実行できます。WordPressの技術的な作業に時間をかけず、オンラインビジネスの成長に時間を使いましょう。
  • 高速ローディング:TikTok Feed Proはスピードのために設計されており、複数のTikTok動画を埋め込んでも、サイトが高速で読み込まれることを保証します。つまり、SEOが向上し、コンテンツを見つける訪問者が増えるということです。
  • 即座のスタイル統合:複雑なデザイン調整は必要ありません。TikTokフィードは、あなたのウェブサイトのルック&フィールに自動的にマッチします。
  • コード不要のカスタマイズ:TikTok Feed Proのビジュアルカスタマイザーを使って、配色、ビデオレイアウト、スペーシングなど、TikTokフィードのあらゆるディテールを簡単にコントロールできます。
Tiktikフィード編集の例
  • 専用カスタマーサポート:TikTokフィードについて質問がありますか?TikTok Feed Proのサポートチームは、WordPressの専門家で構成されており、いつでもあなたを支援する準備ができています。
  • MP4ビデオプレーヤー:多くのTikTokフィードプラグインは、基本的なiFrameエンベッドに依存しており、TikTokのブランディングであなたのサイトを乱雑にし、あなたのデザインを混乱させる可能性があります。TikTok Feed Proは、あなたのウェブサイトの美的感覚とシームレスに統合し、よりクリーンでプロフェッショナルな外観のために洗練されたMP4ビデオプレーヤーを使用して、余分なマイルを移動します。
  • 複数の言語をサポート:TikTok Feed Proはドイツ語、スペイン語、フランス語、イタリア語、オランダ語、日本語、フランス語、ロシア語、ポーランド語、ポルトガル語などの多言語をサポートしているため、TikTokフィードで世界中のユーザーにリーチできます。

このように、TikTok Feed Proには、あなたのサイトに魅力的なTikTokビデオフィードを作成するために必要なものがすべて含まれています。

TikTokフィードを簡単に素早く埋め込む準備はできましたか?TikTok Feed Proを使い始めましょう

WordPressウェブサイトにTikTokフィードを埋め込む方法

では、TikTokフィードをあなたのサイトに数分で埋め込むためのステップバイステップガイドをご紹介します。

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

まずは、こちらからTikTok Feed Proプラグインを入手してください。プラグインを入手したら、ウェブサイトにインストールして有効化するだけです。

その方法を簡単に復習したい場合は、WordPressウェブサイトにプラグインをインストールする方法についてのガイドに従ってください。

次にステップ2に進み、プラグインを使ってフィードを作成します。

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

TikTok Feed Proのガイド付きフローを使えば、簡単にフィードを作成できます。

ダッシュボードからTikTokフィード " すべてのフィードメニューを開き、新規追加 ボタンをクリックします。

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

ステップ3では、TikTokアカウントをこのフィードに接続し、ウェブサイト上で動画の表示を開始します。

ステップ3: TikTokアカウントをフィードに接続する

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

開始するには、ソースの追加ボタンをクリックします。

tiktok feed pro 追加ソース

一旦ここからソースを接続すれば、今後のTikTokフィードに自由に再利用することができます。

ソースの追加を開始するには、TikTokと接続する ボタンをクリックしてください。

Tiktokとつながる

アカウントに接続するために、プラグインは読み取り専用アクセスを要求します。このアクセス権を使って、TikTok Feed ProはあなたのTikTok情報を見ることができますが、実際に変更を加えることはできません。

だから、このSmash Balloonプラグインを使用することは100%安全です

続ける準備はできましたか?Authorizeボタンをクリックしてください。

そうすると、もう一度自分のウェブサイトに戻ります。ここで、あなたのTikTokアカウントがフィードのソースとして追加されていることがわかります。

ここでTikTokアカウントを選択し、「次へ」をクリックします。

Tiktokソースを選択

このプラグインはTikTokの動画を取得し、WordPressのウェブサイトに表示することができます。さらに、フィードは自動的にあなたのサイトのデザインをコピーし、すぐに美しく表示されます。

ステップ4では、あなたのサイトに埋め込む前に、TikTokフィードの見栄えをカスタマイズできます。

ステップ4: TikTok動画フィードウィジェットをカスタマイズする

美しいTikTokフィードを簡単にデザインできるように、インポート可能なフィードテンプレートが用意されています。

そうすれば、TikTokフィード用の6種類のテンプレートのいずれかを即座にコピーすることができる:

  • デフォルト
  • カード
  • リスト
  • 最新ビデオ
  • カルーセル
  • ショーケース・カルーセル

TikTokフィードテンプレートを選択したら、「次へ」 ボタンをクリックします。

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

次に、プラグインはビジュアルカスタマイザーでフィードを開き、TikTokレイアウト、ヘッダー、ボタンデザイン、ライトボックスオプションなどを変更できます。

変更を加えるたびに、右側のライブプレビューでフィードがリアルタイムでどのように表示されるかを確認できます。

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

まずは、左のオプションをクリックしてください。

例えば、TikTokフィードのレイアウトを 編集することから始めましょう。

レイアウトを開く tiktok feed pro

次に、TikTokフィードのレイアウトを4種類から選ぶことができます:

  • グリッド: すっきりとしたグリッドデザインで、大量のTikTok動画を一度に表示できます。
  • リスト 各動画がより見やすくなるように、1列に動画を埋め込む
  • 石組み: 複数の列を使用して、TikTok動画を元の比率で表示する。
  • カルーセル: TikTokフィードをインタラクティブなスライドショーのカルーセルにする
tiktok feed proのレイアウトオプション

レイアウトの設定が終わったら、Saveをクリックして変更を保持します。

次に、 カスタマイズをクリックしてTikTokフィードのデザインを続けます。

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

メインのカスタマイズメニューから、左側にあるその他のオプションを選択することができます。

今回は、TikTokフィードのヘッダーオプションを 使用します。

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

上部で、フィードヘッダーを有効または無効にすることができます。

その下で、このプラグインは表示したいヘッダー要素を選択 し、非表示にしたい要素の選択を解除することができます:

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

ここから、ヘッダー要素を詳細にカスタマイズすることもできます。それを行うには、右側のヘッダー要素自体をクリックするか、左側のオプションのいずれかを選択します。

ここからTikTokフィードのプロフィール画像を設定します。

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

左側に、プロフィール写真の サイズを変更するオプションが表示されます。

その下で、余白とパディングを設定して、写真の位置を変えることができる。

ヘッダー要素を設定したら、もう一度「保存」をクリックします。

ご覧の通り、TikTok Feed Proはフィードの見栄えを超簡単に変更できます。また、残りのオプションを使って、load moreボタン、ビデオプレーヤーオプション、フィルターなどを変更することができます。

先ほどと同様、TikTokフィードに満足したら、保存をクリックするのを忘れないように。

その後、ステップ5でTikTokフィードをWordPressサイトに埋め込みます。

ステップ5:TikTokフィードをWordPressウェブサイトに埋め込む

ビジュアルカスタマイザーを使えば、WordPress初心者でも簡単にTikTokフィードを埋め込むことができます。

まず、上部にある埋め込み ボタンをクリックします。

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

TikTokビデオフィードを埋め込むさまざまな方法が表示されます。このプラグインでは、フィードをページに埋め込んだり、ウィジェットとしてサイドバーやフッターに追加したりできます。

この例では、WordPressのページを使ってTikTokのフィードを埋め込みます。

その前に、ポップアップのコピーボタンを押してください。

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

これでTikTokフィードのショートコードがコピーされたので、サイト上の任意の場所にフィードを埋め込むことができます。

次に、ポップアップの「ページに追加」ボタンをクリックします。

tiktok feed pro ページに追加する

TikTok Feed Proは、あなたのサイトで利用可能なWordPressページのリストを表示します。

お好みのページを選択し、「 追加 」をクリックして次に進むことができます。

ページを選択 Tiktok feed pro

これで、WordPressのエディタでページが開き、フィードを埋め込むことができます。

まず、プラス(+)アイコンをクリックして、新しいブロックをページに追加する。

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

上部に検索バーが表示されたら、「ショートコード」と 入力してウィジェットを探します。

次に、下の検索結果のショートコードウィジェットを クリックします。

続けて、TikTokフィードのショートコードをショートコードブロックに貼り付けるだけ です。

すると、プラグインが自動的にTikTokフィードをこのウェブページに埋め込みます。

tiktok feed pro 用ショートコード

あなたは今、人々の注目を集め、ソーシャルメディアのエンゲージメントを高める新しいTikTokフィードを持っています。このページを開くと、あなたのTikTok埋め込み例が訪問者にどのように見えるかを見ることもできます。

Tiktokビデオフィードの例

これで完成だ!

TikTokフィードをウェブサイトに簡単に埋め込む方法がわかりました。一口サイズの動画で訪問者を魅了し、フォロワーを増やし、ビジネスを成長させることができます。

TikTok Feed Proプラグインがあれば、簡単に動画を埋め込むことができます。わずか数分で、あなたのウェブサイトとTikTokを統合し、動画の埋め込みを開始することができます。

WordPressにTikTokフィードを埋め込む準備はできましたか?今すぐTikTok Feed Proをあなたのサイトに

ソーシャルメディアとあなたのサイトを統合する他の方法については、最高のソーシャルメディアウォールの例のリストをチェックしてください。

あなたのビジネスを成長させるソーシャルメディアのヒントやトリックについては、Twitterや Facebookでフォローしてください。

著者アバター
リアン・ラロヤ コンテンツマーケティングマネージャー
リアンヌはスマッシュバルーンでコンテンツマーケティングマネージャーを務め、WordPressコンテンツ、ソーシャルメディアマーケティング、ユーザー生成コンテンツ(UGC)、検索エンジン最適化(SEO)において12年以上の経験を持つ。

コメントを追加する

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