目次
前提
- デザインはオリジナルではなく、基本的に公式が公開しているシェアボタンを使用する。
- 既にサイト内にボタンが設置･運用されている場合はそちらから流用する。
事前確認
エンジニア
- シェアボタンの実装に問題がないか具体的に確認
- 実装の際、知見のある方(姉川さん)に対応もしくは助言をいただく
ディレクター
- 見積もりの精度の向上
実装方法
実装
https://developers.facebook.com/docs/plugins/share-button
Facebookシェアデバッガー
https://developers.facebook.com/tools/debug/?locale=ja_JP
本番リリース後はシェアデバッガーで「もう一度スクレイピングする」を実行して
キャッシュクリアし、最新情報の取得を行う。
参考
デジオデジコ（デジデジ）
Facebookデバッガ―（シェアデバッガー）とは？ 使い方やトラブル対処法｜デジオデジコ（デジデジ）
Facebookデバッガ―（シェアデバッガー）は、ウェブサイトの記事URLをFacebookでシェアした時の表示を確認したり、最新情報に更新したりできるツールです。この記事ではFace...
X(旧Twitter)
実装
ボタン押下後、ポストに表示する文言やURLを設定
校正
カード形式でtitle･descriptionが表示される
LINE
カード形式でtitle･descriptionが表示される
【既存LPを更新する場合】
Facebook / LINE
本番環境反映前は更新前(前年度分等)の内容が表示されるため
・テスト環境確認時：シェア機能を使用して投稿できるところまで
・本番環境確認時 ：title、descriptionも含め最新の内容で投稿できるところまで
を確認する。
X(旧Twitter)
Xは内容を任意に設定できるため、
テスト環境確認時に投稿内容にすべて問題ないかを確認する。
補足
LINE
- SPのアプリからシェアする場合、ログイン操作が必要。
- いいね！ボタンは正常に意図した動作とならないため、実装対象外とする。
(2023年AXES Fashion様七夕特集より)
