タグ別アーカイブ: ソーシャルメディアボタン

Twitterボタンのツイート数表示の代替JSでの復活方法まとめ

Twitterのツイート数を復活する方法まとめ

ツイートボタンのカウント数を復活させるべく対策、その際参考にした記事や手順、アレンジ等の備忘録的まとめ。公式ボタンタグの設定の変更方法と、オリジナルボタンでプラグインSNS Count Cacheでカウント数を取得している場合の設定方法についてまとめています。

facebookのいいねボタン等のSNSボタンがブログに必要な理由

知らないと損する・ソーシャルボタンが必要なわけ

facebookのいいねボタン、Google+、Twitter、はてなブックマーク等のソーシャルメディアへのシェアボタンをブログやサイトに設定するのは、つまるところはアクセスアップのため。その仕組み、背景や理由について書いています。

さよならAll in One SEO Pack!トップページOGPも正しくしたいから

トップページのOGPだって大切だ!条件分岐ogpタグで解決!

All in One SEO Packといえば、WordPressの初心者にとって、とてもありがたい、それこそ神的な高機能プラグイン。でも、いろいろ気になることがあったので、卒業。その代わりにカスタマイズしたことをOUTPUTしてみました。

Google+バッジの非同期読み込み対応スクリプトを生成するには

GooglePageSpeedの計測結果で「レンダリングを妨げているもの」のほとんどがソーシャルボタンに関連するものになってきたので、その中のひとつ、Google+バッジの貼り替えを行った時のスクリプトに関する記事です。

ソーシャルボタンをオリジナル・フラットデザインにカスタマイズ

オリジナルソーシャルボタンをCSSで作成

Facebook、Twitter、Google+、Pocket、はてなボタンのソーシャルボタンをオリジナル・フラットデザインのものに変更する方法について。フラットボタン風のプラグインから、オリジナルボタン用のソーシャルボタンタグのCSSデザインまで。CSSはフラットボタンと、リアルボタン風の2種類のCSSを書いてみました。

WordPress・OGP設定・サイトと記事で条件分岐するOGPテンプレートの作成

条件分岐OGPテンプレート

条件分岐タグでサイトトップ、ブログトップページではWEBサイトに対するOGPを、投稿・固定ページでは各ページに対するOGPを、それぞれ適切なog:title、og:type等になるようにし、正確なOGPを生成でき、更に、投稿記事へのアイキャッチ画像の設定し忘れ、抜粋をog:descriptionにする場合の<p>タグ対策もしたOGPタグを作成しました。OGP設定テンプレートを作成~ディレクトリにアップロードする方法についても説明しています。

Facebookいいね等SNSの各純正ボタンタグ取得・設置・CSSまで

ソーシャルメディアの各ボタンタグ取得方法

Facebookなどのソーシャルボタンは、プラグインでソーシャルボタンを設置した方が簡単ですが、プラグインのjsや、CSSがページの読み込みを遅くさせたり、プラグインの更新が滞って困ったりすることも。ならば、ボタンタグを取得して自分でテンプレートに設置したい!という方の為に、Facebook、Twitter、Google+、はてなブックマーク、Instagram、Klout、のそれぞれのソーシャルボタンの設置場所と、タグをどのように取得するかをまとめてみました。