更新日: 2022 / 09 / 09

ホームページにSNSやGoogleサービスを埋め込む方法まとめ

カテゴリー: コーディング

ホームページにSNSやGoogleサービスを埋め込む方法をまとめてみました。

埋め込みコードを貼り付けるだけで簡単にホームページに表示できます。

SNSの埋め込み

FacebookやTwitterだけでなく、インスタグラムやTiktokの動画も埋め込みコードの貼り付けだけで簡単に表示することができます。

Facebook

SNSの埋め込み Facebook

Facebookの投稿やコメントの埋め込みの他にシェアボタンやいいねボタンの埋め込みが可能です。

Facebookをメインに使っている場合はホームページでも表示しておくとSNSへの流入を増やすことが期待できます。

-> Facebookの埋め込み方法はこちら

Twitter

SNSの埋め込み Twitter

ブログのサイドバーにTwitter投稿一覧を表示したり、特定のコメントを表示したい場合は埋め込み機能を使うことで簡単に表示させることができます。

-> Twitterの埋め込み方法はこちら

Instagram

SNSの埋め込み Instagram

インスタグラムも埋め込みコードをコピーするだけで簡単に表示できます。

Wordpressを使っている場合はプラグインを使って表示することも多いですがコードの貼り付けだけの方が簡単。

-> Instagramの埋め込み方法はこちら

Tiktok

SNSの埋め込み Tiktok

Tiktokの動画も埋め込むことができます。特定の投稿だけでなくタイムラインも表示できるのでホームページのコンテンツの1つとして活用できそうです。

-> Tiktokの埋め込み方法はこちら

動画や音楽の埋め込み

動画や音声コンテンツの埋め込みも対応しているサービスが増えています。

Youtube

動画や音楽の埋め込み Youtube

ブログ記事に関連する動画を貼り付けることで動画の流入を増やしたり、記事のSEO対策に使うことができます。

-> Youtubeの埋め込み方法はこちら

Spotify

動画や音楽の埋め込み Spotify

Spotifyの音楽やアルバムの埋め込みも可能です。SNSと同じように埋め込みコードを貼り付けるだけなのでホームページやブログ記事にも簡単に埋め込むことができます。

-> Spotifyの埋め込み方法はこちら

Googleの埋め込み

よく使うGoogleのサービスをホームページに表示することができます。

Googleマップ

Googleの埋め込み Googleマップ

お店へのアクセスを表示したい場合に便利なのでGoogleマップの埋め込みはよく使われます。

-> Googleマップの埋め込み方法はこちら

Googleフォーム

Googleの埋め込み Googleフォーム

Googleフォームを埋め込むことで問い合わせページを作ったり、アンケートに使うことができます。

-> Googleフォームの埋め込み方法はこちら

Googleカレンダー

Googleの埋め込み Googleカレンダー

Googleカレンダーをページに埋め込むことで予定やイベントの表示が可能です。

-> Googleカレンダーの埋め込み方法はこちら