SNS埋込み方法

SNS埋込み方法

SNSと言えばFacebookやインスタグラム、ツイッターなどありますが、今回はFacebookで埋込む方法を配信します。埋込み方法はアイコンで埋込む方法とページプラグインで埋込む方法の2通りありますので、ご説明します。

アイコンで埋込む

最初は比較的、簡単なアイコンで埋込む方法を配信します。

いつもの様にテーブルを追加します。

どのテーブルでも良いのですが、今回は3列のテーブルを選択します。

テーブルにソーシャルアイコンをドロップ&ドラックで追加します。

追加すると左側の表にFacebook、ツイッター、YouTubeのアイコンが出てきますのでFacebookをクリックして下さい。

クリックするとリンクを入力する欄があります。

Facebookのドメインをコピー。

先ほどのリンクの欄に貼付け、更新をクリックして下さい。

ページプレビューに戻りFacebookアイコンをクリックするとFacebookに移動し完了です。

ページプラグインで埋込む

Facebookソーシャルプラグイン、ページプラグインで埋込みをすると左の様になります。テストページで投稿してないので、あまりスクロールしませんが、投稿するとスクロールします。

ページプラグインはこちら

最初に埋め込みたいFacebookのURLをコピーします。

ページプラグインのサイトで先ほどコピーしたURLを貼付け、指定するタブや高さ、幅などを入力して下さい。

URLを入力した段階で図の様にページが表示されればコード取得をクリック。

コードが表示されますのでStep1、Step2の順番でコピーし、ホームページに貼付けて行きます。

貼付け方法は動画を参考にして下さい。

Facebookの埋込みが表示されない

ネットで調べた手順通りに何度やっても表示されないなんて事がありその場合、個人用のFacebookページになっている可能性があります。Facebookは個人用のページは表示されません。

URLを入力しても枠内にページ表示されない場合、個人ページのURLになっている可能性がありますので、下記の手順通りにページを作成して試して下さい。

個人用フェイスブックページから+ボタンを押しページをクリックして下さい。

すると図の様なページになりますので、ページ名を入力し、青いカテゴリー文字をクリックしてカテゴリーを選択して下さい。

次にページ詳細を入力してFacebookページ作成をクリックします。

保存をクリック。

保存でページの作成が完了となりますが、分かりやすい様にヘッター画像を変更します。

出来上がりましたら、このページのURLをページプラグインに入力して下さい。手順は「ページプラグインで埋込む」の手順です。

以上でSNS埋込み方法は完了となります。.