さんた工房

 

 Facebookの埋め込み スマホ対応100% 

 

いいねボタンとかではなくてfacebookを埋め込む。

どんなページでもうめこめるわけではないらしい。ビジネス用のページだけらしい。

 僕のページで言えば。 https://www.facebook.com/yamachan88 (個人のページ)

https://www.facebook.com/yamacyn/ (ビジネス用ページ)こちらしか埋め込みできない


https://www.facebook.com/yumi.siga (アジア雑貨を販売している人)

https://www.facebook.com/nepalpokharayumi/ (アジア雑貨のビジネス用ページ)
 


https://developers.facebook.com/docs/plugins/page-plugin

ページプラグインにURL と 高さと幅を入れる。

 

フェイスブックのページはプレビューで表示されている
フェイスブックのページはプレビューで表示されている
 
omekomi-fb-02.jpg
● 違うURLを入れてもプレビュー画面に表示される。
 ここで表示されないフェイスブックのURLは埋め込みできない。
 
コードを取得して
コードを取得して
iframe(インラインフレーム)で埋め込む
iframe(インラインフレーム)で埋め込む 

● レスポンシブ対応の埋め込み

注意 
横幅は500PXまでしかできない。それ以上は最大にならない。

 そのコードに width="ここを500を100%に変更しています"

true&appId" width="100%" height="800" style="border:none; 

 

≪ 私のパソコン歴  |  Facebookのホームページに埋め込みテスト ≫