今回はSNSや動画を自社サイト内に実際に貼り付けようと思った際にどのように貼り付ければ良いのかを説明していきます。
皆さんも普段企業のHPを見たときにYouTubeの動画やTwitterやInstagramなどのSNSがサイト内に表示されているということを目にしたことがあると思います。傍から見るとすごく貼り付けるのは難しいのだろうとお考えになるかもしれませんが、実は動画やSNSを提供しているYouTube社やFacebook社が簡単に自社サイト内に貼り付けられるようなサービスを作ってくれています。今回はそのサービスの利用方法をよく企業HPで利用されるYouTube、Facebook、Instagramに絞り紹介させていただきます。
※動画・SNSは著作物です、自社のもの以外を使用する場合は注意してください。
1. YouTubeの貼り付け方
Ⅰ まずは、サイトに埋め込みたいYouTube動画をYouTubeにアップロードするもしくは貼り付けたい動画までYouTube内で移動する
Ⅱ 動画タイトルが表示されている場所の右下の方に「共有」と書いてあるボタンがあるのでクリックする
Ⅲ クリックして表示された項目の中の「埋め込む」と書かれているボタンをクリックする
Ⅳ <iframe>から始まるコードをコピーして自分のサイトの貼り付けたい場所にペーストする(この際コードに記載されているWidth『横幅』Height『縦幅』の数値を変更することでサイトに貼り付ける際のサイズ変更も可能です。)
2. Facebookの貼り付け方
Ⅰ 表示させたいFacebookページを用意して、Facebookページソーシャルプラグインにアクセスする
(https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP)
Ⅱ 表示させたいFacebookページのリンクをコピーしてプラグイン内の「FacebookページのURL」に貼り付け、「幅」「高さ」を指定し、「コードを取得」と書かれているボタンをクリックし、表示されたコードをコピーし自社のサイトの貼り付けたい場所にペーストする。
3. Instagramの貼り付け方(単一投稿を貼り付ける方法)
Ⅰ 自社サイトに埋め込みたい投稿に移動し、右下にある「…」と書かれている場所をクリックする
Ⅱ 「埋め込み」をクリックし表示されたコードをコピーし自社のサイトの埋め込みたい部分にペーストする
4. Instagramの貼り付け方(アカウント全体を貼り付ける方法)※外部サービス
Ⅰ自社サイトに貼り付けたいアカウントにログインしておきSnapWidgetにアクセスする(https://snapwidget.com/)
Ⅱ「Get a free widget」と書かれたボタンをクリックし、アカウントを作成する(ニックネームとメールアドレス、パスワードで作成可能です)
Ⅲ「CHOOSE A SERVICE」をクリック、そのままInstagramを選択後、サイトに表示させたい形を選択しクリックする
Ⅳ「CONFIGURE WIDGET」をクリックしUsernameなどを指定し、下の方にある「GET WIDGET」をクリック、表示されたコードを自社サイトに貼り付けたい部分にペーストする
以上になります。次回はブログや動画におけるサムネイルの重要性についてご紹介します。