OGPを設定するにあたって、FaceBookのapp_idを取得する手順を記載します。
FaceBookにログインして以下のサイトにアクセス。
https://developers.facebook.com/apps/
スポンサードリンク
新しいアプリを追加をクリック
Webサイト、アプリのサービス名とメールアドレスを入力して、アプリIDを作成してくださいボタンを押す。
セキュリティチェックをパスします。
この画面に移行するので、先程名付けた名前を確認して、左メニューから設定>ベーシックをクリックします。
この画面でアプリIDを確認することができます。
OGPをまとめたcode
|
1 2 3 4 5 6 7 8 9 |
<meta property="og:title" content=“ページタイトル”/> <meta property="og:type" content="article" /><!—ページの種類 content内の意味は-—> <!—ちなみにtopページの場合はこちら <meta property="og:type" content="website" /> -—> <meta property="og:url" content="https://example.com”/><!—-URLを入れる-—> <meta property="og:site_name" content=“サービス名 | サイト名"/> <meta property="og:image" content="https://example.com/twittercard.jpg”/><!—-絶対パスでシェア画像を入れる。FB,TW共通サイズは1200px*630pxが良いんじゃないかな—> <meta name="twitter:card" content="summary_large_image”><!—-大きい画像なのでこちら。——> <meta property="fb:app_id" content=“0000000000000" /><!—上記で取得したFaceBook app_idを入力-> <meta property="og:description" content=“SNSでシェアされたときの説明文章を入れる"/> |