今日は、Facebookの話題を。自社サイトの記事がシェアされたときに、大きな画像で表示されるようにする方法を解説します。ポイントはog:image画像のサイズです。 Facebookでシェアされたときの画像表示には2パターンあるFacebookでページがシェアされたときに表示される内容を指定する、OGP（Open Graph Protocol）は、当然、ページのHTMLで指定していますよね？ さすがに、イマドキOGPを指定していないページは非常に少ないと思います。 でも、og:imageで指定する画像がFacebookで表示されるパターンは2種類あることをご存じですか？ 記事タイトルの上に画像が大きく出るスタイルと、記事タイトルの左に画像が小さく出るスタイルがあるんです。 どちらのほうが目立つか……そりゃ、画像が大きく出るほうがいいですよ。 画像を大きく表示するには、画像のサイズを大きく

サイト作る際には過去のコードを使いまわすと古くて使えなかったりするので、その都度公式サイトからソースコード持ってきた方が確実ですよね。 というわけで、主に良く使われている6種のソーシャルボタンの公式ページをまとめました。

こんにちは。LIGのアートディレクターの長岡です。 前回の記事「誰でも簡単にできるGoogle Analyticsの検索キーワード分析入門」でオーガニック検索に関する分析方法を紹介させていただきましたが、今回はランディングページの分析方法について書いていきたいと思います。 ランディングページって？ ランディングページとは、ユーザーが一番最初に閲覧するページのことです。 大まかには以下のような形でのサイトへのランディングが考えられます。 検索エンジンからのランディング 広告からのランディング SNSからのランディング ブログ記事からのランディング ブラウザのお気に入りなどによるダイレクトでのランディング その他にもいろいろなランディング経路があるかと思いますが、「どういった経路からの流入が多いのか」「ランディング先からはどのページへ遷移しているのか」をきちんと分析することで、多くのことが分か

「どれぐらいフォロー解除されているか」「自分のツイートのリンクは何回クリックされたのか」「自分のフォロワーは何に興味を持っている人が多いのか」「自分のサイトに埋め込んだツイートボタンは何回クリックされたのか」「自分のサイトのページでたくさんリツイートされたのはどれか」といったアクセス解析ができる「アナリティクス」機能が日本のTwitterの一部アカウントで利用可能になっています。これは2011年9月に「Twitter Web Analytics」として発表されていたもので、2011年7月にTwitterが買収した「BackType」というTwitterのアクセス解析サービスを改良したものになっており、GIGAZINEの公式Twitterアカウントでも利用可能になっていたので早速使ってみました。 ログインして右上にある設定アイコンから「アナリティクス」と書いてあるメニューが見えれば利用可能な

「GIGAZINEのTwitter公式アカウントを公開開始、ここに至るまでの経緯も公開」でも書いたように、GIGAZINEのRSSをTwitterに配信する際にいろいろなサービスを比較検討した結果、この「dlvr.it」に落ち着きました。 機能としてはRSSをTwitter・Facebook・Tumblr・LinkedIn・Ping.fm・Identi.caなどに一括配信するというシンプルなものなのですが、短縮URLをデフォルト以外にbit.lyなどのその他の短縮サービスにしたり、独自ドメイン（GIGAZINEの場合はgigaz.in）にすることが可能。また、タイトルだけ・概要だけ・本文というような配信範囲設定、配信時に接頭か接尾に文字を挿入、RSSのカテゴリをハッシュタグに変換、条件にあったものだけを配信するフィルタリング、リアルタイムにクリック数を計測するアクセス解析、Google A

かつては「Read It Later」と呼ばれたサービス、いわゆるネットにある情報を保存し”後で読む”生活を実現する「Pocket」を使い始めてみました。 TwitterをiPhoneアプリから眺めていると「今は読む時間がないけど後でこの記事は読みたい」となることって、往々にしてあると思います。そんな時、その”後で読む”を実現するサービスの一つが「Pocket」です。無料で利用できます。 同種のサービスに「Instapaper」があります。ぼくは、長いことこちらを愛用しています。書籍の中でもプッシュしたことがありますし、大きな不満もなく使っています。 ▼ウェブを保存して後で読む「Instapaper」のある快適生活の始め方（PC/iPhone/iPad連携） が、ここにきて潮目の変化を感じています。そのきっかけとなったのが @masakiishitani と @mehori の記事です。

有名人やモデルさんなんかも使ってる、以前にも紹介したことがある“Sumally”。このシンプルなデザインが好き。最近のヒットアイテムは、I<3Uリング。 mulu キュレーションサイトに質問型のテーマを取り入れてる“mulu”。「肌にやさしい日焼け止めのおすすめは？」なんて質問に、いろんなユーザがアイテムを投稿できる。ユーザがPICKしたアイテムに紛れて質問があるのがいい。アイテム登録は、ブラウザのプラグインの他にサイトの中で検索もできるよ。 Buyosphere わたしもインタビューさせてもらった『ツイッターノミクス』の著者タラ・ハントさんが立ち上げたスタートアップ“Buyosphere”。オンラインショッピングのQuoraという感じかな。黒いドレスを探してるなんて質問から、このトップスに合うパンツを探してるなんて具体的な質問まで。 質問を投稿するときは、欲しいものの詳細に加えて予算や配

【Google＋の投稿もできる！】Twitter,Facebook,Google＋の投稿をブログなどのWebサイトに貼り付ける方法 2016/06/17追記SocialDittoはいつの間にか閉鎖されたみたいです。残念・・・。公開当時の情報を以下に残しています。 「Twitter,Facebook,Goole+で投稿した内容を『そのまま』ブログなどWebサイトに貼り付けたい！」と思ったことはありませんか。私は最近特に、Google+で投稿した内容をブログに貼り付けたくなってきました。それで、いろいろ調べると、やり方がありましたのでご紹介します。 「おー、ちょっと興味あるかも」といった方は、是非ともご参考ください。 海外でそんなサービスがありましたやり方を調べていたんですが、海外に「SocialDitto」というサイトがありますここを利用します。使い方は難しくないです。に説明すると、下の画像

【WordPressでTwitter,Facebook,Google+,Pinterest、おまけにフィード購読のフォームまで。まとめてプロフィールを管理・表示してくれるプラグイン】 WordPressでブログを書いている方で、Twitter,Facebook,Google+などのソーシャルメディアのアカウントをお持ちの方も少なくないと思います。 最近では、Pinterestとかも皆さんアカウント持ってますね～。 ところで、ここで自分の考えを書きます。 ソーシャルメディアはいろいろな使い方があると思いますが、例えばブログの更新情報を発信する手段として、また、 交流を楽しむ場として使用している方もいらっしゃるだろうなと思います。 あ、単に情報収集ツールとして使用する方もいらっしゃると思いますね。 もちろん、私もソーシャルメディアのアカウントをもっています。 私の使い方としては、このブログを見

数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 2012年10月12日 11:18ブログ 作り方というか、サービス公開のお知らせというか。 それは何 このブログにスマートフォン等でアクセスすると、 記事の下にこういうボタンが出るようになってます。 これをタップすると、こんなページに飛んで そこに何をすればいいのか書いてあります。 要するに上のボタンを押すだけ。 LINE がインストールされているスマートフォンで開けば 勝手に LINE のアプリが立ち上がるので、 あとは友達リストから相手を選ぶと ページの情報が勝手に挿入されるので その記事について知らせることができます。 「Facebook でシェア」ならぬ「LINE でシェア」ボタンです。 増大し続ける LINE の影響力 これを書いている時点でLINE の登録ユーザーは 世界6,500万人・

MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） ソーシャルメディアの各サービスがこぞって「いいね！」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次（兼ショートカット） Twitter「Twitterボタン」 Facebook「Share」「Like（いいね！）」 mixi「mixiチェック」 GREE「Social Feedback（いいね！）」 Evernote「Site Memory（Clip）」 Google+「＋１」 Tumblr「Share on Tumblr」 Pinterest「

twitter、facebook、google+1、evernote、tumblr、はてブ、mixiなど、各ソーシャルメディアやブックマークに共有するボタン設置方法をまとめてみました。 このブログはwordpressで構築しているのでプラグインを使用すれば簡単なのですが、他サイトなどにも使うことを想定した設置方法です。 備忘録エントリー。 twitter ツイートボタン facebook いいねボタン google+1ボタン evernote サイトメモリーボタン tumblr 共有ボタン はてなブックマーク mixiチェックボタン twitter ツイートボタン 1.コード取得 下記リンク先でツイートボタンのソースコードが取得できます。 Twitter / ツイートボタン ボタン ボタンの種類を選びます。 ツイート内テキスト ツイートに含まれるテキストを選択します。 ボタンが表示されるペ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

サイトのデザイン作成のとき、近頃は必須の配置物として、ソーシャル系のボタンがリクエストされます。 コーディングの時にボタンを入れ込むわけですが、デザインカンプにももちろん必要。でもほとんどがカウントとともにJavascriptで用意されているので、画像ベースの素材がありません。その都度、縦型、横型、数字入り、数字なしなどキャプチャしてバックグラウンドと四隅を1ピクセルづつ切って…とやってるわけですが、面倒なので、誠に勝手ながら、ここに置いておくことにしました。もちろん、実物大です。 つまり、ドラッグ、または右クリックでコピーしてFireworksに貼り付ける用のボタンサンプルです。だれが必要？私が必要♪ Twitter ツイートボタン サンプル カウント数ありの、縦、横、カウントなしボタン、そして英語ver.。 サイズ(px)：左より、「80*62」「横可変*縦20」「80*20」「横可変