TikTok ビデオをOxygen Builderに追加して、あなたのサイトをパワーアップしませんか?
短い動画のプラットフォームであるTikTokは、訪問者を簡単に惹きつける一口サイズのコンテンツを探すのに最適な場所です。しかし、手作業でTikTokのコンテンツを埋め込むのは時間と労力がかかります。
朗報です。あなたのOxygenサイトにTikTokフィードを埋め込む最も簡単な方法をご紹介します。
始めよう!
Oxygen BuilderでTikTokフィードを追加する最も簡単な方法
TikTokの動画をウェブサイトに追加するには、No.1のTikTokフィードプラグインをご利用ください:TikTok Feed Pro。
このプラグインにはガイド付きのフローが用意されているので、それに従ってTikTokフィードを数分で作成、カスタマイズ、埋め込むことができる。
その上、フィード作成をより簡単にする便利な機能がたくさんある:
- プラグインのセットアップ、TikTokフィードの作成、デザインのカスタマイズ、Oxygen Builderへの追加がわずか数分で行えます。
- 作成したTikTokフィードはすべて100%レスポンシブで、Oxygen Builderウェブサイトのデザインを自動的にコピーします。
- 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フィード " すべてのフィード メニューを開きます。次に、一番上の新規追加ボタンをクリックします。
ステップ3:TikTokアカウントに接続する
新しいフィードを作成したら、それをアカウントに接続します。これにより、プラグインが自動的に動画を取得し、サイトに表示します。
そのためには、ここでソースの追加 ボタンをクリックします。
次に、ページ上の「TikTokと接続する 」ボタンをクリックします。
これでTikTokの公式ウェブサイトにリダイレクトされ、アカウントを接続することができます。
このプラグインは、あなたのアカウントへの読み取り専用 アクセスを要求します。この方法で、TikTok Feed Proはあなたのコンテンツを見るだけで、変更を加えることはできないので、100%安全です。
認証 ボタンをクリックしてください。
アカウントを作成したら、このソースを今後のTikTokフィードに自由に再利用できます。
とりあえずアカウントを選択し、「Next」ボタンをクリックします。
ステップ4:TikTokビデオフィードをカスタマイズする
すべてのTikTokフィードは自動的にOxygen Builderのデザインをコピーし、箱から出してすぐに美しく表示されます。
その上、ユニークなデザインの6種類のテンプレートから選ぶことができる:
- デフォルト
- カード
- リスト
- 最新ビデオ
- カルーセル
- ショーケース・カルーセル
フィードテンプレートを選択したら、「次へ」をクリックします。
これで、プラグインは新しく作成した動画フィードのテンプレートを自動的にインポートします。
フィードをさらにカスタマイズするには、ライブプレビューでビジュアルカスタマイザーを使用できます。ここから、左側でデザインを変更し、右側で変更を追跡することができます。
主要なカスタマイズオプションを見てみよう。個人的には、ビデオフィードのレイアウトを変更することから始めます。
そのためには、レイアウトオプションをクリックします。
次に、Oxygenウェブサイト上でのビデオの表示方法をコントロールするための5種類のレイアウトが表示されます:
- グリッド: 行と列を使ってTikTokの動画をたくさん表示する
- リスト TikTokの動画を1つの列に1つずつ表示する
- メイソンリー複数の列で動画を表示し、元の比率を維持する
- カルーセル: フィードをインタラクティブなTikTokスライダーに変える
- ギャラリー:大きなTikTokビデオプレーヤーと小さなサムネイルを下に表示します。
レイアウトを選択したら、変更を維持するために「保存」をクリックすることを忘れないでください。
カスタマイズ」ボタンをクリックすると、前のオプションに戻ることができます。
レイアウトを変更したので、次はフィードのヘッダーをカスタマイズしてみよう。
開始するには、ヘッダーボタンをクリックします。
まず、上部のフィードヘッダーを有効または無効にします。
次に、下のボックスをチェックしたり外したりして、ヘッダーの一部を表示したり隠したりすることができます:
- プロフィール写真
- 名称
- ユーザー名
- 説明
- 統計
- ボタン
オプションをクリックして、特定のヘッダー要素を詳細にカスタマイズすることもできます。
前と同じように、「保存」をクリックして変更を確定します。その後、残りのカスタマイズオプションを使用して、ビデオ要素、ボタン、フィルタなどを編集することができます。
そして、次のステップに進む前に「保存」をクリックすることを忘れないでください。
ステップ5:Oxygen BuilderにTikTokビデオ・フィードを追加する
TikTok Feed Proを使えば、ビジュアルカスタマイザーから直接動画を埋め込むことができます。
まず、上部にある埋め込みボタンをクリックします。
TikTokビデオ・フィードを埋め込むすべての方法が表示された新しいポップアップが開きます。ご覧のように、ページ、サイドバー、フッターにTikTokフィードを追加できます。
しかし、とりあえずコピーボタンをクリックする。
TikTok ビデオを追加するOxygen Builderページを開きます。
まだページがない場合は、ダッシュボードから投稿 " 新規追加 メニューを開いてください。
ここでテンプレートの編集ボタンをクリックします。
オキシジェン・ビルダーのドラッグ・アンド・ドロップ・エディターでページが開きます。
このページにコンテンツを追加するには、左上のプラス(+)アイコンをクリックしてください。
右上の検索バーを使って、「ショートコード」 ブロックを探す。
次に、下の検索結果のショートコード ・ブロックをクリックします。
ショートコード・ブロックの追加オプションが表示されます。ここに先ほどコピーしたショートコードを入力します。
フルショートコードフィールドにコードを貼り付けるだけです。
そうしたら、このページを公開して、あなたのウェブサイト上でTikTokビデオを楽しむことができます。
数回クリックするだけで、この例のようなビデオ配信が可能になる。
これで完成だ!
TikTok Feed Proを使えば、WordPressが初めての方でもOxygen BuilderウェブサイトにTikTokビデオを簡単に追加することができます。
TikTokのフィードを利用することで、TikTokのフォロワーを増やし、売上を増やし、訪問者を惹きつけ、ビジネスを成長させることができます。
あなたのサイトにTikTok動画を表示する準備はできましたか?TikTok Feed Proを入手しましょう!
あなたのサイトにもっと魅力的なコンテンツが欲しいですか?オキシジェンビルダーのウェブサイトにInstagramのフィードを追加する方法については、こちらのガイドをご覧ください。
ソーシャルメディア・マーケティングのヒントとチュートリアル
- リンク・イン・バイオに最適なLinktreeの代用品でより多くの売上を得る
- アフィリエイト・マーケティングにおけるソーシャルメディアの活用法
- スマッシュバルーン対QuadLayers:あなたのための最高のTikTokフィードプラグイン
- 投稿後にTikTokで再生回数を増やす方法
- YouTube Shorts vs TikTok:あなたに最適なのはどちら?