「Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」」のご紹介| Webデザイン参考記事まとめアプデ

2016年11月18日(金)

Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」

0

2

1

19

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

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」』についてまとめています。

この記事は特にjavascript・jQuery・facebook・Google・ドメインについて書かれており、 HTML+CSSコーディングのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。