[jQuery]SNSシェアボタンの自作について

Reading Time: 1 minute

アドオン使えないとか、各サービスのを使うとサイズが統一できないから自分でやりたいとか、そういうときの。

前提

とりあえずTwitter、Facebook、Line、はてな、Pocketでやる。
開いてるページのURL、ページタイトルを投稿する。

中身

サンプル

解説

要はaタグでシェアできるんで、各サービスに合ったパラメータをjQuery上で生成して上書きしてる。
jsが死んでる場合に対応するためにhtml上でもトップページ情報くらいは打っとけばまあいいのかなみたいな(サンプルではGoogleに飛ぶようにしてる)。
jsじゃなくても例えばphpとか、要素を引っ張ってこれる言語が使えるならそれで作れる。

まとめ

WPならアドオンでいいんだけどさ。
そればっかりの案件じゃないので考えとかんとね。

あとまあこれに限ってはjsで制御してるんで、Adblockとかに引っかかる可能性もあるっちゃある。
あんまり安心できないな

シェアする

  • このエントリーをはてなブックマークに追加

フォローする