はじめに
TikTokは若者を中心に人気のあるショート動画アプリで、ユーザーが面白いクリエイティブな動画を共有しています。これらの動画は、あなたのWordPressサイトのコンテンツとして非常に有益であり、視覚的に魅力的な要素を追加することができます。
この記事では、TikTokから直接動画を取り込んで、WordPressサイトに簡単に埋め込む方法を説明します。これにより、あなたの訪問者が最も注目するショート動画をすぐに楽しむことができます。
症状・背景
- TikTokの面白い動画を自分のブログ記事やページで紹介したい
- ブログ記事内でTikTokのユーザーと直接関連を持たせたい
- TikTokから最新のトレンド動画を取り込んで、サイトのコンテンツを更新する
手順・設定方法
ステップ1: TikTokの共有リンク取得
# TikTokアプリまたはWebサイトで動画を選択します。
# 「シェア」ボタンを押して、共有リンクをコピーします。
# URL形式は以下のようになります:
https://www.tiktok.com/@username/video/xxxxxxxxxxxxx?utm_source=copyステップ2: WordPressのエディタに埋め込みコード追加
# TikTokのシェアリンクを開き、ページのソースコードを確認します。
# 「iframe」タグが含まれる部分を探し、src属性のURLを取り出します。
# 取得したURLを使用して、WordPressのエディタに埋め込みコードを追加します:
<iframe src="https://www.tiktok.com/embed/v1/xxxxxxxxxxxxx" width="600" height="842"></iframe>ステップ3: 動画のサイズや設定の調整
# iframeタグのwidthとheight属性を変更して、動画の表示サイズを調整します。
# 例:
<iframe src="https://www.tiktok.com/embed/v1/xxxxxxxxxxxxx" width="500" height="663"></iframe>
# 追加オプションとして、TikTokから取得した埋め込みコードに追加パラメータを設定することができます。ステップ4: 動画の表示位置やタイミングの調整
# WordPressのエディタ内で、動画が表示される記事内の位置を適切に決定します。
# また、動画が自動的に再生するように設定することも可能です。ただし、ユーザーエクスペリエンスの観点から、この機能は必ずしも推奨されません。注意事項
- <実践的な注意点1>: 動画のサイズを適切に調整することで、ページのデザインと相まって視覚的に魅力的なコンテンツを作ることができます。
- <実践的な注意点2>: 自動再生はユーザーエクスペリエンスを損なう可能性があるため、ユーザーが手動で再生ボタンを押すことができる状態にしておくことが推奨されます。
- <セキュリティ上の注意>: 動画の埋め込み元であるTikTokの信頼性と安全性を確認してください。また、サイト訪問者が第三者のサービスにアクセスすることを許可する際には、そのリスクについて理解しておくことが重要です。
- <パフォーマンス/運用上の注意>: 動画はページの読み込み速度に影響を与える可能性があるため、適切なサイズと圧縮設定を使用して、パフォーマンスを最適化することが重要です。
まとめ
1. <キー1>: TikTokから直接動画を取り込むことで、あなたのWordPressサイトは常に最新のトレンド情報を提供することができます。
2. <キー2>: 動画のサイズや表示位置を調整することで、視覚的に魅力的なコンテンツを作り出すことができます。
3. <キー3>: 自動再生機能を慎重に使用し、ユーザーエクスペリエンスを損なわないように注意してください。
4. <キー4>: 動画の埋め込みコードには常に安全性とパフォーマンスへの配慮が必要です。
関連記事: