[WebDev]SNS対応

HTML触る流れになったので、GameDevからWebDevへ。
時代が時代ゆえに、SNS系の対応は必須よなぁ。
参加する気はさらさらないけど…。

ツイートボタンの設置


▲ページ下部

▲ラクガキページ
準備中だけど、同人情報の個別ページにもつけるか。

ボタンの設置自体は、公式を参考にはっつけるだけ。
ツイートするURLは、ページ下部はインデックスページ、コンテンツ系は個別ページ(下記参照)。

コンテンツ個別ページの作成

Web内でのモーダル表示と、直リンク用の表示を2パターン用意する。切り替えは単純にGETパラメータで。


▲インライン用


▲直リンク用

他から飛んでくる可能性のある直リンクページには、インデックスへのリンクを用意して誘導させる。
「画像拾ってうpを禁止するより、気軽にシェアできる環境を用意すればいいじゃない」という、
無断転載対策としてのゆる~い回答。

リンクカードの設定

Twitter側でのプレビュー画面。メタタグに情報を仕込む感じ。

▲プレビュー。

おわりに

あんまり声高に宣伝する気はないけど、まあ勉強にはなったかな…。
それよりも、twitterの@itadakicatが謎の転載アカウントになっている現状をなんとかせんとなぁ。。