タグ

ブックマーク / directorblog.jp (10)

  • 【第2回】ネットワーク広告担当者が語るGoogle Adsenseでネットメディアの収益を最大化するポイント : LINE Corporation ディレクターブログ

    (photo: Google Logo in Building43 by Robert Scoble) こんにちは、広告事業部でネットワーク広告の運用を担当している木原です。 今回は4月に掲載した記事の続きとして「【第2回】ネットワーク広告担当者が語るGoogle Adsenseでネットメディアの収益を最大化するポイント」をお送りします。 ※前回に引き続き内容は初級者~中級者向けにしています。 広告配信の仕組みを知る さて、皆さんが日々運用しているGoogle Adsenseですが、誰がどのような方法で広告を出稿/管理し、どのようなロジックで広告が表示されているのかご存知でしょうか。広告収益を最大化する上で、広告配信の仕組みを知ることは非常に重要なポイントになります。 広告主・代理店が広告を出稿し、実際にあなたの運用する媒体に広告が掲載されるまでには大きく2つのステップがあります。ざっくり

    【第2回】ネットワーク広告担当者が語るGoogle Adsenseでネットメディアの収益を最大化するポイント : LINE Corporation ディレクターブログ
  • 「ざっくり言うと」から学ぶ!スマホ時代のウェブコンテンツに最適な「要約」のススメ : LINE Corporation ディレクターブログ

    お疲れ様です、ニュースチームでディレクターをやっておりますスエヒロと申します。 さて。弊社で運営しております「livedoorニュース」というサービスをご存知でしょうか。2003年のサービス開始より、(数々の事件を経て)現在も300を超える提供元の記事を配信しているニュースサービスです。日有数の波瀾万丈さを兼ね備えたニュースサービスといっても過言ではないでしょう(多分)。 ニュースを要約する さて、そのlivedoorニュースにおきまして、昨年2012年の10月より提供しております「ざっくり言うと」という機能をご存知でしょうか。どんなものかと言いますと、 「ニュースの内容を三行程度に要約して表示する」 という機能です。例えば、「テレ朝・前田有紀アナが3月退社」というニュースの場合、以下の様な要約が「ざっくり言うと」として付与されています。 「要約」つまり「文書の要点を簡潔にまとめたもの」

    「ざっくり言うと」から学ぶ!スマホ時代のウェブコンテンツに最適な「要約」のススメ : LINE Corporation ディレクターブログ
  • 【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる?" 〜メリット・デメリットを徹底研究! : LINE Corporation ディレクターブログ

    ※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア(コーダー)と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの? HTML5とCSS3を使うメリットは? HTML5とCSS3で何ができるの? そもそも、HTML5とCSS3ってもう使えるの? 使えます。 (※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません) 現在のスマ

    【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる?" 〜メリット・デメリットを徹底研究! : LINE Corporation ディレクターブログ
  • スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ

    こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa

    スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
  • スマートフォンサイト運用と今後のスマートフォン市場の展望 : LINE Corporation ディレクターブログ

    スマートフォングループの藤村です。2か月前まで、モバイルで、livedoorトップ・デコメサイトの運用を担当していました。 10月から新しい部署のスマートフォングループに所属し、すでに、スマートフォン版のlivedoorトップ&ニュース他の運用を開始しています。実際に運用してみると、モバイルとの共通性が多く、モバイルサイトの運用経験が生きる領域だと実感しました。 まだまだ運用の初期フェーズの段階ですが、今回は、実際にスマートフォンサイトを運用してみて気づいた点及び、今後のスマートフォン市場の展開予想について書いてみようと思います。 ファーストビューの重要性 スマートフォンのサイトを運用してみて、まず一番最初に改修を入れたのが、ファーストビューです。ファーストビューとはユーザーがモバイル端末でアクセスして、一番最初に表示される画面のことを言います。 モバイルサイト運用経験者の方には常識かと思

    スマートフォンサイト運用と今後のスマートフォン市場の展望 : LINE Corporation ディレクターブログ
  • ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ

    ※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著

    ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ
  • モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ

    こんにちは。ケータイlivedoorを担当してます多留です。 今回は、私がモバイルサイト作りでいつも意識して取り組んでいる "配色の仕方"、"メリハリの重要性" についてお話させていただきます。 モバイルサイトと配色 モバイルサイトは、PCのようにガンガン画像を使うとか、JavaScriptを使って動きをつけるとか、まだまだできないこと、制限のあるところが多々あり、線や細かい背景色・文字色・絵文字の使い分けなどでページを構成する必要があります。 配色や見せ方に関してはセンスが問われるところで、特にモバイルサイトのように凝縮されたスペースでの表現は難しく、苦手な人はホントに「いつまでたっても苦手」という方も多いと思います。 私個人としては、PCよりもモバイルサイトで全てを済ませようとしていて (つまりは携帯依存症……) いろんなジャンルのモバイルサイトデザインを見ているおかげで、配色や見せ方

    モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ
  • モバイルサイトにおける魅せ方[絵文字編] : LINE Corporation ディレクターブログ

    こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。今回は、モバイルサイトの装飾に欠かせない、絵文字の効果的な使い方をご紹介したいと思います。 “装飾”と聞くとデザイナーの仕事のように思いますが、モバイルディレクターは、新規サイト立ち上げやサイトリニューアル以外は、UIやデザインを考えながらコーディングしていくため、絵文字を効果的に使えるセンスが必要になります。絵文字を効果的に使えると、少ないリソースで画面を装飾することができ、ユーザーにはテキストが直感的に理解されやすくなります。 それでは絵文字の効果的な使い方についてご紹介していきましょう。 こちらは装飾前のテキストになります。

  • 3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)

    こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G(FOMA・WIN・3GC)端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末(FOMA・WIN・3GC)がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末(PDC・P型・C型など)を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運

    3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)
  • Google Analyticsのちょっとしたテクニック : LINE Corporation ディレクターブログ

    こちらデイリー4コマ編集部です。 今回はGoogle Analyticsを利用したクリックカウントの取り方におけるちょっとしたコツについてお話ししたいと思います。 Google Analyticsはページ内に集計用のコードを貼り付けるだけで、業務用としても耐えられる、様々なアクセス解析できる優れもののツールではありますが、ただそれだけでは少々もったいないです。一つの機能としてクリックカウントを使ってみましょう。 例えば <a href="http://www.livedoor.com/">livedoor</a> というリンクがあったとします。このリンクが果たしてどれだけクリックされているかを知るために、以下のようにリンクに細工を施します。 <a href="http://www.livedoor.com/" onClick="javascript:urchinTracker('/live

    Google Analyticsのちょっとしたテクニック : LINE Corporation ディレクターブログ
    mingos
    mingos 2007/12/21
    アクセス解析のTips。リンクにJavaScriptを仕込んで任意のリンクのクリック数を把握できる
  • 1