TikTokプロフィールをウェブサイトに埋め込む方法(簡単)

公開: 2023-11-17

TikTok プロフィールをサイトに埋め込む方法を知りたいですか?

あなたは一人ではありません! 多くの人が、TikTok コンテンツを埋め込むための簡単なソリューションを求めてきました。

あなたを助けるために、TikTokプロフィールをサイトに埋め込む最も簡単な方法でこのガイドを作成しました。 一番良いところ? コーディングをまったく行わずに、わずか数分でこれを実行できます。

まずは、TikTok プロフィールの埋め込みがビジネスにどのように役立つかを見てみましょう。

または、ここをクリックしてチュートリアルにスキップすることもできます。

TikTok プロフィールを WordPress に埋め込む理由

TikTok プロフィールをサイトに埋め込むことで、サイトのエンゲージメントを簡単に高めることができます。

結局のところ、TikTok は、素早く簡単に視聴できる短編ビデオのナンバーワンのソースです。 そのため、プロフィールから関連する動画を表示し、訪問者が視聴し続けることができます。

tiktokビデオフィードの例

TikTok プロフィールを埋め込むと、より多くのエンゲージメントを得ることができるだけでなく、適切なキーワードを含む関連性の高い動画を表示することで、SEO 効果を高めることができます。

さらに、TikTok 動画は人々のサイトへの興味を長く保つことができるため、SEO ランキングにも優れています。 同様に、検索エンジンのレビューからより多くの潜在顧客にリーチできます。

ボーナスとして、TikTok プロフィール用の顧客の紹介ビデオを作成し、Web サイトに埋め込むことができます。 そうすれば、社会的証明を使用して、より多くの人にあなたから購入するよう説得できます。

全体として、TikTok プロフィールを埋め込むことは、訪問者を惹きつけ、売上を伸ばし、ビジネスを成長させるための優れた方法となります。

TikTokプロフィールをWordPressに埋め込む最も簡単な方法

TikTok プロフィールをウェブサイトに表示する最も簡単な方法は、WordPress プラグインを使用することです。

複雑な TikTok 埋め込みコードを扱う代わりに、プラグインにビデオを埋め込むだけで済みます。

そして、このタスクに市場で入手可能な最高のプラグインは TikTok Feed Pro です。

tiktokフィードプロホームページ

このプラグインを使用するには、ステップバイステップの指示に従ってください。 TikTok プロフィール フィードを数分で作成、カスタマイズ、埋め込むことができます。

このプラグインは非常に使いやすいため、コードを 1 行も記述することなくすべての設定を行うことができます。

それに加えて、埋め込まれた TikTok プロフィール フィードはサイトのデザインを自動的にコピーし、最初から美しく見えます。

さらに、このプラグインには、TikTok プロフィール フィードのあらゆる詳細を変更できるビジュアル カスタマイザーも付属しています。 数回クリックするだけで、フィードのレイアウトやヘッダーのデザインなどを編集できるようになります。

tiktikフィード編集の例

そして上の桜は? このプラグインには、24 時間年中無休でサポートし、質問に答えてくれる専任の専門家チームが付属しています。

この完全なパッケージを使用すると、手間をかけずに TikTok のフォロワーを増やし、訪問者と交流することができます。

それで、汗をかかずにTikTokプロフィールを埋め込む準備はできていますか? TikTok Feed Pro のコピーをここから入手してください!

TikTokプロフィールをWordPressに埋め込む方法

TikTok プロフィールを WordPress に埋め込む準備ができたら、始めましょう。

このわかりやすいガイドでは、プロセスを段階的に説明しており、サイト訪問者にすぐに TikTok プロフィールを表示できます。

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

まず、サイト用の TikTok Feed Pro をここから入手し、サイトにプラグインをインストールしてアクティブ化します。

その方法がわからない場合は、WordPress プラグインのインストールに関するこの初心者向けガイドに従ってください。

プラグインがインストールされ有効化されたら、次のステップに進み、新しい TikTok プロフィール フィードを作成できます。

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

2 番目のステップでは、プロフィールからビデオを表示する TikTok フィードを作成する必要があります。

ダッシュボードから、 TikTok フィード » すべてのフィードメニューに移動し、上部の[新規追加]ボタンを押します。

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

WordPress Web サイトに新しいフィードを作成しました。 次のステップでは、この新しいフィードを TikTok アカウントに接続します。 これにより、フィードにサイト上の TikTok プロフィールが表示されるようになります。

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

このステップでは、新しく作成したフィードを TikTok アカウントに接続できます。 こうすることで、TikTok フィードにプロフィールのビデオを表示できるようになります。

まず、 「ソースの追加」ボタンを選択します。

tiktokフィードプロのソースの追加

これにより、次のページに移動します。そこでは、 「TikTok で接続」ボタンを押すだけです。

ティックトックとつながる

その後、TikTok 公式 Web サイトにリダイレクトされ、プラグインは TikTok アカウントへの読み取り専用アクセスを要求します。

このアクセスにより、プラグインは TikTok の詳細を表示し、TikTok ビデオを埋め込むことができるようになります。 実際、プラグインはアカウントに変更を加えることができません。

「承認」ボタンを押すと、このアクセスを確認できます。

これにより、プラグインが TikTok アカウントに自動的に接続できるようになります。

続行するには、TikTok アカウントを選択し、 「次へ」ボタンを押してください。

tiktokソースを選択してください

TikTok フィードは TikTok アカウントに接続されていません。 TikTok Feed Pro は TikTok フィードをインポートし、Web サイトのデザインに自動的に表示します。

ただし、フィードのデザインをさらにカスタマイズしたい場合は、次のステップでその方法を説明します。

ステップ 4: TikTok プロフィール フィードをカスタマイズする

次に、TikTok Feed Pro は、事前に構築されたさまざまなテンプレートの選択から始めて、さまざまなカスタマイズ オプションを表示します。

すべてのテンプレートには美しくユニークなデザインがあり、新しい TikTok プロフィール フィードにすぐにコピーできます。

好みのテンプレートを選択して「次へ」ボタンを押すだけです。

フィードテンプレートを選択してください

選択を行うと、プラグインによってビジュアル カスタマイザーが起動します。

ヘッダー スタイル、レイアウト、ボタンのデザインなどを含むすべてのカスタマイズ オプションが左側に表示されます。

右側には、TikTok フィードのライブ プレビューが表示され、加えたカスタマイズの変更がリアルタイムで表示されます。

ライブフィードエディター tiktoフィードプロ

カスタマイズに取り組む準備はできましたか?

まず、左側の[レイアウト]オプションをクリックします。

オープンレイアウトtiktokフィードプロ

TikTok プロフィール フィードに使用できる 4 つの異なるレイアウト オプションがあります: Grid、List、Masonry、 Carouselです。

以下でそれぞれのレイアウトを詳しく見てみましょう。

tiktokフィードプロのレイアウトオプション

すっきりとしたグリッドレイアウトを使用すると、TikTok プロフィール内のすべてのビデオを一度に表示して、訪問者を魅了することができます。

tiktokビデオフィードの例

次に、TikTok プロフィール内のビデオをリストレイアウトに配置して、各ビデオを明確に表示できるようにします。

tiktokのリストレイアウトの例

石積みのレイアウトを選択して、元の比率を維持したまま、TikTok プロフィールに複数の列でビデオを埋め込みます。

石積みのtiktokフィードの例

最後に、プロフィール内のビデオを紹介するカルーセルスライダーを機能させることで、サイトのインタラクティブ性を高めることもできます。

tiktokカルーセルの例

選択したら、 「保存」ボタンを押すだけです。

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

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

これにより、メインのカスタマイズ オプションが再び開きます。

今回は左側の[ヘッダー]オプションを選択します。

tiktokのヘッダーオプションを開く

左上のオプションを使用して、ヘッダーを有効にする無効にするかを選択できます。

この下では、チェックボックスを使用して、次のようなすべてのヘッダー要素を表示または非表示にすることができます。

  • プロフィールの写真
  • 名前
  • ユーザー名
  • 説明
  • 統計
  • ボタン
tiktokヘッダーをカスタマイズする

選択を行った後、 「保存」を押して選択内容を確認します。

また、残りのオプションも同様に使用して、ビデオ要素、フィルター、ボタンのデザインなどを設定できます。 ただし、変更を加えた後は必ず「保存」をクリックしてください。

ここで、サイトにプロフィール フィードを埋め込む最後のステップに進むことができます。

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

TikTok Feed Pro を使用すると、ライブ フィード エディターから直接開始できるため、プロフィールの埋め込みが非常に簡単になります。

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

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

次にポップアップが開き、TikTokプロフィールを埋め込む場所を選択できます。 このショートコードを使用すると、サイドバー、投稿、ページ、さらにはフッターに埋め込むことができます。

まず、ポップアップの「コピー」オプションをクリックしてプラグインのショートコードをコピーします。

ショートコードをコピーするtiktokフィードプロ

ショートコードを取得したので、フィードを配置する場所を選択できるようになりました。

この例では、 「ページに追加」オプションを選択します。

tiktokフィードプロページに追加

このオプションを選択すると、ポップアップにすべての WordPress ページがリストされます。

リストから必要なページを選択し、 「追加」ボタンを押します。

ページを選択してください tiktokフィードプロ

これにより、WordPress ブロックエディターで選択したページが開きます。

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

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

次に、検索フィールドで「ショートコード」を探し、表示された結果からショートコードブロックを選択します。

ショートコードブロックtiktok

そして、前にコピーしたショートコードをショートコード ブロックに貼り付けて、最終的にフィードの埋め込みを完了します。

TikTok プロフィール フィードがサイトに自動的に埋め込まれます。

tiktokフィードプロのショートコード

TikTok Feed Pro を使用すると、コーディングやデザインの経験がなくても、TikTok プロフィールをサイトに簡単かつ楽に表示できます。

サイトを開いて、訪問者にどのように見えるかを確認してください。

tiktokビデオフィードの例

そして、それができました!

これで、TikTok プロフィールを Web サイトに埋め込む最も簡単な方法がわかりました。 素晴らしい TikTok Feed Pro プラグインを使用すると、非常に短い時間といくつかの簡単な手順でこれを行うことができます。

このようにして、TikTok のフォロワーを増やし、売上を増やし、エンゲージメントを高め、ビジネスを成長させることができます。

オンラインでのブランドの存在感を高めたいですか? ソーシャル メディア マーケティングの最良の例のリストをご覧ください。

ビジネスを成長させるためのソーシャル メディアのヒントやコツについては、Twitter と Facebook で私たちをフォローすることを忘れないでください。