タグ

facebookに関するpokotanuのブックマーク (7)

  • 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> <

    SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
    pokotanu
    pokotanu 2016/06/22
    サイトのUIに好感がもてる
  • 全8サイト!SNSのカウント取得方法まとめ 2014年6月版

    ソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね!数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい!なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。

    全8サイト!SNSのカウント取得方法まとめ 2014年6月版
  • SNS ボタンの設置とカスタマイズ方法

    SNS ボタンとはソーシャルメディアからのアクセス向上検索エンジンからの評価の向上客観的評価の可視化SNS ボタンの種類TwitterボタンFacebookボタンはてなブックマークボタンpocketボタンSNS ボタンを設置する問題点SNS ボタンの読み込み速度デザインの統一性オリジナルデザインにおけるシェア数の表示まとめSNS ボタンとは SNS ボタン (または、ソーシャルボタン) とは、ブログやニュースサイトに設置されているボタン型のインターフェースです。ユーザが SNS ボタンをクリックすると、記事をシェアしたり、ブックマークできます。代表的な SNS ボタンとしては、Twitter や Facebook の SNS ボタンがあります。 SNS ボタンを設置するメリットはアクセス向上、検索エンジン最適化、評価の可視化があります。これらのメリットは次章で詳しく説明します。 SNS

    SNS ボタンの設置とカスタマイズ方法
    pokotanu
    pokotanu 2016/06/22
    Perlのサンプルコードつき。
  • 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

    Get the share counts from various APIs
    pokotanu
    pokotanu 2016/06/22
    twitter,fbのシェア数をjson形式で取得する
  • 20%ルールがしんどすぎてFacebook広告に動画を使ったらCPAが半分くらいになった話 - BITA デジマラボ

    唐突ですが、Facebook広告って、いいですよね。 ターゲットの属性はある程度絞れるし、ものすごくCPA安く抑えられるし。何より最低数百円からスタート ⇒ マーケットの反応を見るとかってフィジビリな使い方ができるので、僕も色んなシーンですごく重宝しています。 確かに便利!なんだけどテキスト20%ルールがしんどすぎる 便利で使い勝手のいいFB広告なんですが、実はいざ運用してみると結構ツライ部分もあったりします。 画像内に含むテキストは20%以内にしなさい!グリッドツールで確認しながらがんばってね!とかその辺ですね。(via: FB広告レギュレーション) 20%って…ほとんど読めないじゃん!画像だけでそんなインパクト出せないって!と、嘆いたことのあるデジマ担当な方も多いんじゃないかなと。 というわけで動画広告を(かなり雑に)試してみたというわけで、Ledgeでも実際に動画でのFacebook

    20%ルールがしんどすぎてFacebook広告に動画を使ったらCPAが半分くらいになった話 - BITA デジマラボ
  • フェイスブックで誰が一番あなたのページを閲覧しているか確認する裏技 - シンガポールの素顔

    【追記】このページを既に訪問された方々へ 結論から申し上げますと、当エントリーの記事内容は誤った情報になります。誤解を与える内容をアップしてしまい申し訳ありませんでした。ブックマークコメントやコメントにて指摘くださった方々、どうもありがとうございました。指摘がなければ自分も誤った情報を鵜呑みにしたまま過ごすところでした。 こちらの記事は、もともとこちらの動画(How to see who viewed your facebook profile the most? – YouTube)を偶然見つけて、initial chat friendsを検索し(What does the “initial chat friends list” on Facebook mean? )のベストアンサーをちらりと見て書いてしまったものになります。自分で試してみた後の結果と動画を見た直後の先入観からベストアン

    フェイスブックで誰が一番あなたのページを閲覧しているか確認する裏技 - シンガポールの素顔
  • Graph API

    2011年03月09日22:50 by oklahomer Graph API カテゴリドキュメントAPI Graph APIの和訳です。Facebook上のデータへのアクセスで最も良く使うGraph API全般についての解説が書かれています。まず「Open Graphに触れる 1:基」で全体の流れを把握して読むことをオススメします。 以下、2012年4月30日 12:06更新分までの文です。 Facebookの中核をなすのはソーシャルグラフで、人々や人々が周りの物事に対して持つコネクション(繋がり)を示します。このAPIは以下の3点を提供します ソーシャルグラフへの、シンプルで一貫性のあるアクセス統一されたフォーマットのオブジェクト(人物、写真、イベント、ページ)それらの間のconnection(交友関係、いいね!、写真のタグ付け)ソーシャルグラフ上の全てのオブジェクトには固有IDが

    Graph API
    pokotanu
    pokotanu 2015/11/20
    “graph.facebook.com”
  • 1