SNSボタンをオリジナル画像で設置する方法
TwitterやFacebookへのボタンは公式サイトでボタンを作れますが、そのボタンはそれぞれオリジナルのボタンで設置することもできます。 ボタンの仕組みが変わると動かなくなるかもしれませんが、以下の方法で設置できます。今回紹介しているのはTwitter・Facebookシェア・mixiチェック・Google+です。 Twitter コードは以下になります。 <a href="http://twitter.com/share?count=horizontal&original_referer=ページのアドレス&text=ツイートさせたいテキスト&url=ページのアドレス&via=Twitterアカウント" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=
Facebook、mixi両サービス向けに最適なOGP og:imageサムネイル画像のサイズとは。 | Outrageous Optimism
Facebook、mixiともにOGPに対応していて、「Facebookいいね」や「mixiイイネ」をした時には、サイトに書かれているOGPタグに沿って各種情報を引き抜こうとするわけですが、ひとつ、og:image に書くサムネイル画像の仕様について、「Facebook、mixi両方にイイように出すにはどういう仕様の画像を作ればいいの?」と思い調べてみました。 最低1枚指定しておけばよい〜5枚程度複数枚有る場合は選択できる。ただし最大5枚まで (mixi)複数枚有る場合は選択できる。(FB)JPEG, PNG, GIF（アニメーション GIF 除く）に対応"画像フォーマットは JPEG, PNG, GIF（アニメーション GIF 除く）に対応しています。" (mixi)1KB以上、最大400KBまで"画像の容量が 400 KB を超える画像は無視されます。" (mixi)"画像の容量が 1
技術仕様 - mixi Connect
mixiチェックボタンの設置方法は簡単です。数行の HTML を追加するだけです。 チェックボタン用HTML発行フォームをお使いください。 ただし、効果的に設置するためにはいくつかのポイントがあります。 設置のポイントに関しては、「mixi Plugin 実装のポイント」をご確認ください。 mixiチェックボタンの設置（PC 向け） mixiチェックボタンの設置（PC 向け） <a href="https://mixi.jp/share.pl" class="mixi-check-button" data-key="...">mixiチェック</a> <script type="text/javascript" src="https://static.mixi.jp/js/share.js"></script> a 要素と script 要素には、それぞれ以下の属性を指定できます。 a 要
Facebookなどで使われている「OGP」の一覧
FacebookなどのSNSで自分のサイトを紹介する際に使うOGPを一覧にしてみました。 特に絶対に指定しなければいけないものではないですが、どのテキストや画像が紹介した先で使われるかわかりませんので、 できれば指定しておきたいものです。 だいたい基本情報の「タイトル」「表示される画像のパス」「概要を説明する文章」を指定する事が多いかなと思います。 基本情報 <meta property="og:title" content="タイトル" /> <meta property="og:type" content="オブジェクトのタイプ" /> <meta property="og:url" content="このページのURL" /> <meta property="og:image" content="表示される画像のパス" /> <meta property="og:descriptio
Open Graph protocol
Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
