オキシジェンビルダーにTikTok動画を埋め込む方法(簡単ガイド)
ホーム ブログ オキシジェンビルダーにTikTok動画を埋め込む方法(簡単ガイド)

オキシジェンビルダーにTikTok動画を埋め込む方法(簡単ガイド)

酸素ビルダーにTiktokのビデオを埋め込む方法

TikTok ビデオをOxygen Builderに追加して、あなたのサイトをパワーアップしませんか?

短い動画のプラットフォームであるTikTokは、訪問者を簡単に惹きつける一口サイズのコンテンツを探すのに最適な場所です。しかし、手作業でTikTokのコンテンツを埋め込むのは時間と労力がかかります。

朗報です。あなたのOxygenサイトにTikTokフィードを埋め込む最も簡単な方法をご紹介します。

始めよう!

Oxygen BuilderでTikTokフィードを追加する最も簡単な方法

TikTokの動画をウェブサイトに追加するには、No.1のTikTokフィードプラグインをご利用ください:TikTok Feed Pro

tiktok feed pro ホームページ

このプラグインにはガイド付きのフローが用意されているので、それに従ってTikTokフィードを数分で作成、カスタマイズ、埋め込むことができる。

その上、フィード作成をより簡単にする便利な機能がたくさんある:

  • プラグインのセットアップ、TikTokフィードの作成、デザインのカスタマイズ、Oxygen Builderへの追加がわずか数分で行えます。
  • 作成したTikTokフィードはすべて100%レスポンシブで、Oxygen Builderウェブサイトのデザインを自動的にコピーします。
  • TikTok Feed Proは定期的に最新の動画でフィードを更新するので、ウェブサイトに新鮮なコンテンツを提供することができます。
  • 簡単かつ正確にカスタマイズするには、フィードテンプレートをインポートするか、ライブプレビュー付きのビジュアルカスタマイザーを使用します。
tiktok feed pro ライブフィードエディタ

さらに、TikTok Feed Proには専用のカスタマーサポートも付いています。質問がある時や何か助けが必要な時は、いつでも自由に彼らに助けを求めることができます。

TikTok Feed Proをあなたのサイトに導入して、TikTokとあなたのウェブサイトの統合を始めましょう。

酸素ウェブサイトにTikTokフィードを追加する理由

  • 関連性の高いTikTok動画を表示することは、人々の注目を集め、サイトに長く滞在してもらうための素晴らしい方法です。
  • TikTokのプロフィールをウェブサイトに埋め込むことで、閲覧数、「いいね!」数、購読者数をすぐに増やすことができます。
  • TikTokのカスタマーレビューや体験談を表示することで、より多くの訪問者に納得してもらい、売上を伸ばすことができる。
  • 関連するキーワードで新鮮なコンテンツをサイトに追加することは、SEOを強化し、より多くの潜在顧客にアプローチする素晴らしい方法です。

オキシジェン・ビルダーにTikTokの動画を表示する方法

始める準備はできましたか?以下の5つの簡単なステップに従って、TikTokビデオを簡単にOxygen Builderウェブサイトに追加できます。

始めよう!

ステップ1:TikTok Feed Proプラグインをダウンロードする

TikTok Feed Proプラグインはこちらから入手できます。

そうしたら、あなたのウェブサイトにプラグインをインストールして有効にしてください。

この方法については、WordPressプラグインのインストール方法のチュートリアルをご覧ください。

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

プラグインの準備ができたので、ガイドされたフローを使って新しいTikTokフィードを作成できます。

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

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

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

新しいフィードを作成したら、それをアカウントに接続します。これにより、プラグインが自動的に動画を取得し、サイトに表示します。

そのためには、ここでソースの追加 ボタンをクリックします。

tiktok feed pro 追加ソース

次に、ページ上の「TikTokと接続する 」ボタンをクリックします。

これでTikTokの公式ウェブサイトにリダイレクトされ、アカウントを接続することができます。

Tiktokとつながる

このプラグインは、あなたのアカウントへの読み取り専用 アクセスを要求します。この方法で、TikTok Feed Proはあなたのコンテンツを見るだけで、変更を加えることはできないので、100%安全です

認証 ボタンをクリックしてください。

アカウントを作成したら、このソースを今後のTikTokフィードに自由に再利用できます。

とりあえずアカウントを選択し、「Next」ボタンをクリックします。

Tiktokソースを選択

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

すべてのTikTokフィードは自動的にOxygen Builderのデザインをコピーし、箱から出してすぐに美しく表示されます。

その上、ユニークなデザインの6種類のテンプレートから選ぶことができる:

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

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

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

これで、プラグインは新しく作成した動画フィードのテンプレートを自動的にインポートします。

フィードをさらにカスタマイズするには、ライブプレビューでビジュアルカスタマイザーを使用できます。ここから、左側でデザインを変更し、右側で変更を追跡することができます。

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

主要なカスタマイズオプションを見てみよう。個人的には、ビデオフィードのレイアウトを変更することから始めます。

そのためには、レイアウトオプションをクリックします。

レイアウトを開く tiktok feed pro

次に、Oxygenウェブサイト上でのビデオの表示方法をコントロールするための5種類のレイアウトが表示されます:

  • グリッド: 行と列を使ってTikTokの動画をたくさん表示する
  • リスト TikTokの動画を1つの列に1つずつ表示する
  • メイソンリー複数の列で動画を表示し、元の比率を維持する
  • カルーセル: フィードをインタラクティブなTikTokスライダーに変える
  • ギャラリー:大きなTikTokビデオプレーヤーと小さなサムネイルを下に表示します。

レイアウトを選択したら、変更を維持するために「保存」をクリックすることを忘れないでください。

カスタマイズ」ボタンをクリックすると、前のオプションに戻ることができます。

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

レイアウトを変更したので、次はフィードのヘッダーをカスタマイズしてみよう。

開始するには、ヘッダーボタンをクリックします。

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

まず、上部のフィードヘッダーを有効または無効にします。

次に、下のボックスをチェックしたり外したりして、ヘッダーの一部を表示したり隠したりすることができます:

  • プロフィール写真
  • 名称
  • ユーザー名
  • 説明
  • 統計
  • ボタン

オプションをクリックして、特定のヘッダー要素を詳細にカスタマイズすることもできます。

前と同じように、「保存」をクリックして変更を確定します。その後、残りのカスタマイズオプションを使用して、ビデオ要素、ボタン、フィルタなどを編集することができます。

そして、次のステップに進む前に「保存」をクリックすることを忘れないでください。

ステップ5:Oxygen BuilderにTikTokビデオ・フィードを追加する

TikTok Feed Proを使えば、ビジュアルカスタマイザーから直接動画を埋め込むことができます。

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

Tiktokフィードを埋め込む

TikTokビデオ・フィードを埋め込むすべての方法が表示された新しいポップアップが開きます。ご覧のように、ページ、サイドバー、フッターにTikTokフィードを追加できます。

しかし、とりあえずコピーボタンをクリックする。

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

TikTok ビデオを追加するOxygen Builderページを開きます。

まだページがない場合は、ダッシュボードから投稿 " 新規追加 メニューを開いてください。

ここでテンプレートの編集ボタンをクリックします。

酸素ビルダーのページを編集する

オキシジェン・ビルダーのドラッグ・アンド・ドロップ・エディターでページが開きます。

このページにコンテンツを追加するには、左上のプラス(+)アイコンをクリックしてください。

酸素ビルダーに新要素を追加

右上の検索バーを使って、「ショートコード」 ブロックを探す。

次に、下の検索結果のショートコード ・ブロックをクリックします。

ショートコード・ブロックの追加オプションが表示されます。ここに先ほどコピーしたショートコードを入力します。

フルショートコードフィールドにコードを貼り付けるだけです。

酸素にチクトック・フィードを追加

そうしたら、このページを公開して、あなたのウェブサイト上でTikTokビデオを楽しむことができます。

数回クリックするだけで、この例のようなビデオ配信が可能になる。

酸素ビルダーのティクトク・フィーダーの例

これで完成だ!

TikTok Feed Proを使えば、WordPressが初めての方でもOxygen BuilderウェブサイトにTikTokビデオを簡単に追加することができます。

TikTokのフィードを利用することで、TikTokのフォロワーを増やし、売上を増やし、訪問者を惹きつけ、ビジネスを成長させることができます。

あなたのサイトにTikTok動画を表示する準備はできましたか?TikTok Feed Proを入手しましょう

あなたのサイトにもっと魅力的なコンテンツが欲しいですか?オキシジェンビルダーのウェブサイトにInstagramのフィードを追加する方法については、こちらのガイドをご覧ください。

ソーシャルメディア・マーケティングのヒントとチュートリアル

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

コメントを追加する

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