2016年11月18日(金)
Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」
LikeBtn
LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・ｗ念の為、Facebookのではなく、オリジナルのLikeボタンとなります。クリックされたLike数をカウント、Googleリッチスニペットにも対応してくれるようです。(※Googleリッチスニペットに関してはSchema.orgをいろいろ調べれば分かると思います。)
スクリプト、と言っても、少しのコードで、別途読み込んでいるw.likebtn.com/js/w/widget.jsが動作の要となっていますので、この手の手法だと導入できない場合もあるかもしれませんね。有償版と無償版がありますが、手軽にGoogleリッチスニペットに対応出来るなら割と需要あるかも、と思ったので備忘録的に記事にしました。
LikeBtnLike Button Code Generatorドキュメント
Other Links
- WPデザインギャラリー
- トピアンテナ
- ドメイン検索・ドメイチ
- jQuery API検索・jSearch
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
クラウド労務ソフト「SmartHR」がサービス提供開始から1年。成長を振り返るインフォグラフィックを公開。
NEXT ›
【驚愕】2017年にeコマースサイトのUXデザインはここまで進歩する！？Web開発者は要チェックの7トレンド
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」』についてまとめています。
この記事は特にjavascript・jQuery・facebook・Google・ドメインについて書かれており、 HTML+CSSコーディングのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
0
2
1
19
