【データ公開】スマホページのシェアボタン表示を変えたらシェア数が50%以下になった事例
この記事は2015年4月17日に公開された記事を再編集しています。 ferretでは、ユーザーの皆様が使いやすいサイトになるよう日々細かな改善を行っています。 改善を繰り返していくなかで、思わぬ結果が出てしまうこともあります。 直近では、スマートフォン版ferretのシェアボタン表示を変更してA/Bテストを行ったところ、両者のシェア数に大きな差が生じました。 今回は、そのテスト内容と結果をご紹介します。 テストを実施した背景 ferret内には、会員登録すると利用できる「お気に入り」というブックマーク機能があります。 スマートフォン版では「お気に入り」ボタンはページの最下部に設置されているので気づかれにくいのではないかと考え、「お気に入り」をページ上部に自然と配置して利用率をあげようというのが今回のテストの狙いでした。 テスト内容：スマホページのシェアボタン表示を変更 ferretのスマホ
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
全8サイト！SNSのカウント取得方法まとめ 2014年6月版
ソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね！数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい！なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。
SNS ボタンの設置とカスタマイズ方法
SNS ボタンとはソーシャルメディアからのアクセス向上検索エンジンからの評価の向上客観的評価の可視化SNS ボタンの種類TwitterボタンFacebookボタンはてなブックマークボタンpocketボタンSNS ボタンを設置する問題点SNS ボタンの読み込み速度デザインの統一性オリジナルデザインにおけるシェア数の表示まとめSNS ボタンとは SNS ボタン (または、ソーシャルボタン) とは、ブログやニュースサイトに設置されているボタン型のインターフェースです。ユーザが SNS ボタンをクリックすると、記事をシェアしたり、ブックマークできます。代表的な SNS ボタンとしては、Twitter や Facebook の SNS ボタンがあります。 SNS ボタンを設置するメリットはアクセス向上、検索エンジン最適化、評価の可視化があります。これらのメリットは次章で詳しく説明します。 SNS ボ
Get the share counts from various APIs
gistfile1.md Share Counts I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count. If you wa
[試] Pocketブックマーク数（ある意味シェア数）の取得方法 | Pocket公式APIないけどどうする？ | 試行錯誤ライフハック
Pocketブックマーク数取得の現状 現時点でPocketのブックマーク数単体取得に利用可能な公式APIは提供されていません。したがってブックマーク数を表示したい場合は、Pocket公式ボタンを使用せざる得ません。 しかしながら、公式ボタンは簡単に利用できる反面、デザインに制約があるためサイトの作り込みには不向きという課題があります。 Pocketのブックマーク数を含むシェアボタンを自由にデザインしたい。 公式APIがない中でもブックマーク数を取得できれば。。。。 そんなご要望にお応えします。 若干裏技的ではありますが、ブックマーク数のみを取得する方法を紹介します。 Pocketブックマーク数の取得方法 ブックマーク数をデータとして返してくれるAPIが公開されていないので、Pocketのサイトから公式ボタン（HTML）を取得し、そこからブックマーク数に該当するデータを抽出します。 以下、P
![[試] Pocketブックマーク数（ある意味シェア数）の取得方法 | Pocket公式APIないけどどうする？ | 試行錯誤ライフハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/f339939b62cbf875b84be3488a0b9cd377d77b22/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fmethod-to-get-pocket-share-count-01.png)
Pocketのシェア数をJavaScriptのAjaxで取得する方法
Pocketは、外部サービス向けにAPIが公開されていません。 ですので、シェア数を取得する方法は、情報が少ないです。しかも、JavaScript（jQuery）で取得する方法にいたっては、ちょっと検索した限りでは見つかりませんでした。 なので、いろいろ試行錯誤してみた結果、何とかうまくいった方法があったので、その方法を紹介したいと思います。 photo by A Continuous Lean Pocketでシェア数を取得する Pocketのシェア数をPHPから取得するには、以下の方法があります。 [試] Pocketブックマーク数（ある意味シェア数）の取得方法 | Pocket公式APIないけどどうする？ | 試行錯誤ライフハック pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法 | キャリコ PocketはAPIを公開していないので、上記のようなPock
【修正お願い!】シェア数付きボタンでツイート数が取得できずグルグル回り続けるものの対処方法 - Yukihy Life
シェア数付き自作シェアボタンを配布していたのですが、それらのTwitterでのツイート数を取得するサービスが昨日(11/20)で終了してしまったので、その原因と対処法を書きたいと思います。 症状 直し方 HTMLを直す Before Before After jQuery Before After 原因 まとめ 症状 このブログで配布していて、結構多くの方に使っていただいているシェアボタン www.yukihy.com www.yukihy.com ですが、ツイート数が取得できなくなってしまいました‥。 ただ取得できないだけでなく、このシェアボタンは表示されるまでぐるぐる回るようになっているので、あたかも表示されるかのように思わせてしまいます^^;。 純粋にサイトが重いと思われてしまうので、お手数ですが対応をお願いします。 ちなみにこのボタンのみでの現象ではなく、デフォルトのシェアボタンも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
