Aggregator

Googleトレンドにメール配信機能が付いた。急上昇キーワードと自分で登録したキーワードの検索ボリューム状況をメールで通知してくれる。

- Googleトレンドにメール配信機能が追加 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM

1. Google ショッピングの現状
2. ショッピング キャンペーンのメリット
3. ご利用方法（キャンペーンの作成手順・最適化のヒント）
4. よくある質問のご紹介

Q: ショッピング キャンペーンにアップグレードすると、過去データや品質スコアに影響はありますか？
A:  商品リスト広告の過去データや品質スコアは、商品 ID レベルで管理しているため、アップグレードしていただいても影響はございません。

Q: 旧商品リスト広告キャンペーンとショッピング キャンペーンを同時に掲載する場合、どちらのキャンペーンで商品が掲載されますか？
A: ショッピングキャンペーンには新しく “キャンペーンの優先順位” という機能が設けられており、キャンペーンの優先順位が高いものが掲載されます。旧商品リスト広告キャンペーンは自動的に “低” の優先順位に設定されています。同じ優先順位のキャンペーンがある場合、単価が高いものが掲載されます。

Google AdWords から提供されている「エンゲージメント広告」なるものをみなさんご存知でしょうか。実をいうと私もつい最近耳にしたばかりのワードで、ちょっとばかし調べてみました。

公式ヘルプによると、

エンゲージメント広告は、新たなユーザー層にメッセージをアピールして関心を引き付けることができる、高機能なインタラクティブ フォーマットです。料金が発生するのは、ユーザーがブランド メッセージに反応してエンゲージメントが発生した場合のみです。広告に対するエンゲージメントとしては、広告にカーソルを合わせて広告ユニットを展開すること、動画を再生すること、コンテンツをタップすることなどがあります。エンゲージメント広告は、それ自体が大きなキャンバスとなり、動画カルーセルやインタラクティブ ゲーム、カタログなどでブランド メッセージを宣伝できます。

とあるように、バナーをオンマウスしてから2秒間たつと、キャンパス（広告エリア）がびゅーんと広くなって動画や目を引く派手なプロモーション画像などのリッチメディアが表示される広告のことを指します。

いまいちピンとこないという方は、下記動画をご覧いただければなんとなくイメージがつかめるかと思います。

Yahoo! JAPAN トップの右上部分に表示されるランダムバナーにもオンマウスすることでリッチメディアが表示される広告バナーがあります。しかし個人的な体験で、Yahoo のバナーをうっかりマウスオーバーした瞬間に意図せず広告が展開され、ストレスを感じてしまうことが多々ありました。

その点 Google AdWords のエンゲージメント広告は、オンマウスしてから2秒経過しないと展開されないため快適なブラウジングに影響を与えません。後述のサンプルページで試して頂くとわかりますが、2秒の制限は思いのほか長いので誤って表示されてしまう事故はほぼないといっていいでしょう。

ユーザーに少しのストレスも与えず、かつリッチメディアによってワクワクさせる情報を与えてくれるのがこの広告の最も素晴らしいところだと感じます！

「エンゲージメント」の意味

そもそも「エンゲージメント」という言葉はマーケティングの世界においては、「企業（ブランド）と消費者との親密さ」を意味する言葉です。（すみません、英語苦手なのでつっこまないであげてください・・・）

企業と消費者との関係を強化するための広告、もっと言えば、ブランドに興味を持ったユーザーをより確実に共感させることを目的とした広告というところでしょうか。そのためにこのサービスで利用料が発生するのは下記の場合です。

料金が発生するのは、ユーザーがブランド メッセージに反応してエンゲージメントが発生した場合のみです。広告に対するエンゲージメントとしては、広告にカーソルを合わせて広告ユニットを展開すること、動画を再生すること、コンテンツをタップすることなどがあります。

つまり、ユーザーがその広告に関心ができて評価された（エンゲージメントが発生した）場合に料金が発生する成果報酬型をとっています。とても合理的ですね！

エンゲージメント広告の種類

一言でエンゲージメント広告といってもいくつかの種類があります。ここでは公式が提供しているサンプルとして公開しているものをご紹介いたします。

1.標準のエキスパンド ユニット

“Multi-directional expandable format”とあるので、全方向のうち任意の方向にキャンパスを拡張できる最も標準的なエンゲージメント広告になります。

展開前

展開後

• Standard Expandable – Rich Media Gallery

2.ライトボックス ユニット

これらは一般的に知られているライトボックスの動きと同じ要領で展開します。演出に関しては標準のものに比べると若干限定的になりますが、視覚的にキャンパスとそれ以外の明暗がはっきりとしているため、とてもわかりやすいです。なのでどんなデザインのサイトでも違和感なく表示させることができるのではないでしょうか。

展開前

展開後

• Lightbox – Rich Media Gallery

以下のサンプルは展開されると画像ギャラリーのカタログが閲覧できます。サンプルページでは高解像度の画像ですがスムーズにページがめくれます。商品サイト向けにぴったりではないでしょうか。

展開前

展開後

• Catalog in Lightbox – Rich Media Gallery

3.広告ギャラリー ユニット（Hover-to-Play）

こちらはキャンパスが拡張することなくそのままの状態で動画等が再生されます。

展開前

展開後

• Hover to play – Rich Media Gallery

その他ギャラリー

最後に、実際に作成されたバナー一覧がまとまっていますのでご紹介いたします。これからエンゲージメント広告を作成する方にとって参考になれば幸いです。
※左メニューの項目からさらに絞り込むことができます。

• 世界のエンゲージメント広告バナー – Rich Media Gallery
• 日本語版エンゲージメント広告バナー – Rich Media Gallery

4月12日(土) 、高知市文化プラザかるぽーとでCSS Nite in TOSA, Vol.2を開催し、80名近い方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite in TOSA, Vol.2 「使えるWebデザイン」のまとめ #wck_css2 - Togetterまとめ

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite in TOSA vol.2に初参加のため高知へ行ってきた

公式ツイート担当のpannyattoさん。

• CSS Nite in TOSA, Vol.2「使えるWebデザイン」でメモったのを書き起こしました。

公式の終了エントリーです。

• CSS Nite in TOSA, Vol.2 「使えるWebデザイン」2014/4/12(土)高知で開催！ - CSS Nite in TOSA公式サイト

構造化データを実装するときに利用する、schema.orgやMicrodata、RDFaなどの役割とその違いについて、構造化データの初級者にわかりやすいように簡潔に説明する。schema.orgは「ボキャブラリー」、たいしてMicrodataとRDFaは「シンタックス」。

- [構造化データ初級者向け] schema.orgとMicrodata、RDFaって何が違うの？ -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM

2014年4月17日(木) 、KDDIウェブコミュニケーションズセミナールーム（麹町）で開催したCPI x CSS Nite x 優クリエイト 「After Dark」（9） 『「今すぐSublime Textを使いこなす！」90分ライブセットアップ』 のフォローアップを公開します。

CPI x CSS Nite x 優クリエイト「After Dark」（9） from CSS Nite on Vimeo.

こちらもご覧ください。

• CPI x CSS Nite x 優クリエイト 「After Dark」（9）Sublime Textが終了しました | CSS Nite公式サイト

フォローアップ

ご参加いただきましてありがとうございました！

ライブセットアップという形式上、セッション中はSublime Textの画面のみでしたので、紹介した機能やパッケージの名称やショートカットなどを補足させていただきます。

時間の都合上、カットしたパッケージもあるのでせっかくなのでこちらで紹介いたします。紹介したパッケージはほぼ『Sublime Textの教科書』に載っておりますので是非参考にしてください。

基本的な概要やインストールなどはセッション動画及び『Sublime Textの教科書』1章がダウンロードできますので、そちらをご覧ください。

監修のこもりまさあきさんがStorifyでリアルタイムまとめを作成してくれました。こちらも併せてご覧ください。

【紹介した機能】

※Macのショートカットで紹介していますがWindowsはcommandをCtrl、optionをAltとお考えください（一部異なるショートカットもあります）。

コマンドパレット

command+shift+Pでパッケージのインストール

画面分割

[メニュー] View > Layout 画面を分割できる。 command+option+1-4で横分割 command+option+shift+1-2で縦分割

集中モード

[メニュー] View > Enter Distraction Free Mode サイドバーやミニマップなど全てを非表示にして全画面でコードのみを表示する。

HotExit

未保存のファイルのままSublime Textを終了しても、そのまま復元して開くことができます。

複数選択

文字を選択しcommand+Dで以下に続く同じワードを選択できます。 command+Dのあとにcommand+Kをするとスキップできます。 選択を戻す場合はcommand+Uで戻れます。 ※command+Uはソフトアンドゥという機能で選択やキャレットなどをやり直しする機能です。

矩形選択

option＋ドラッグで矩形に選択できます。WinはShift＋右クリック。

検索・置換

command+Fで検索窓表示 option+Enterで検索ワードを一括選択できる。 （テキスト上でcommand+control+Gでもできます。WinはAlt+F3。）

GoTo Anything

command+PでGoto Anythingの検索窓が表示されます。 行やシンボル、ファイルなどを検索し移動できます。

時間の都合で紹介できなかったですが、他にも行の移動や複製、Split into linesなど、まだまだ便利な機能がたくさんあります。詳しくは本書を参考にしてください。 また、プロジェクト機能やスニペット機能なども非常に便利な機能ですので、これらも本書を見ていただけると幸いです。

【紹介したパッケージ】

Package Control

パッケージを管理する基本となるパッケージ コマンドパレットでパッケージのインストール・削除・停止などがSublime Text上で管理できる。 インストールは、[メニュー] View > Show Consoleで開かれる入力欄にこちらのページのソースをコピー＆ペースト。

SublimeNFDToNFCPaste

Macでプレビュー.appなどからテキストをコピーした際、濁点が一文字になってしまうのを解消するパッケージ。

参考URL

Sidebar Enhancement

サイドバーを拡張するパッケージ。プロジェクトの様々な設定が可能になる。

SFTP

サーバーにファイルのアップロードや同期などができるパッケージ 有償パッケージ$20（無期限試用可）

Emmet

キーワードでコードを展開することができるEmmetのパッケージ （例：ul>liを<ul><li></li></ul>、d-iをdisplay:inline;に展開など） Sublime Textはキーワードでのコード補完もしてくれる。 Enter Abbrevitionでリアルタイムに展開をプレビューすることができる。 数字の増減や画像サイズの取得など、他にも便利な機能が多数ある。

Inc-Dec-Value （option+ctrl+command+上下）

Emmetの数字の増減に加えて100の位を増減できるパッケージ。 また、大文字小文字の切り替えや、カラーコード、特定ワードも切り替えることができる。 （例：true⇔false、 inline⇔block⇔inline-blockなど）

Sass-Build

Sassをビルドできるパッケージ。マシンにSassのインストールが必要。 Sublime Textはcommand+Bで対応した言語をビルドをすることができます。

Terminal

現在のファイル及びプロジェクトの場所をカレントディレクトリにしてTerminalまたはコマンドプロ ンプトを開くことができるパッケージ。

SublimeStyleStats

StyleStatsをSublime Textで表示することができるパッケージ； マシンにnode.jsとStyleStatsのインストールが必要。 StlyleStatsについての詳細は作成者の石本氏のBlogをごらんください。

• StyleStats - MOL

※SublimeStyleStats以外はPackage Controlでインストールできます。

【時間の都合で紹介できなかったオススメパッケージ】

Nettuts+ Fetch

WordPressや Normalize.cssなど、定番のライブラリやフレームワーク、プロダクトなどを手軽にダウンロードできる。

cdnjs

CDNのURLを保存、手早く挿入できる。

AutoFileName

update image size (control+shift+I) ユーザー設定ファイルに"afn_insert_width_first": true ← width と height の順番変更 imgタグのsrcやaタグのhrefなどの入力補助。必須と言っても良いパッケージです。

All Autocomplete

別ファイルからのキーワード補完。

Autoprifixer

CSSのプロパティのプリフィクスを自動的に調整してくれる。 マシンにnode.jsとAutoprifixerのインストールが必要。

CSS Comp

CSSのプロパティの順番を並び替え。

List stylesheet variables

Sass、LessなどのCSSプリプロセッサーなどの変数を参照・挿入できるパッケージ。 参照：Sass/Less/Stylusでの変数入力を補助する「List stylesheet variables」(Sublime Text Package)

PackageResourceViewer (control+option+L)

パッケージの設定などを手軽に確認、編集できる。

公式のPackage Controlサイトで、人気のパッケージがインストール数順にわかりますので参考にしてください。 新規登録されたパッケージや、いまトレンドのパッケージもわかります。

Facebookページで本書のフォローアップや、更新情報をお知らせしています。 また、こもりまさあきさんによる本書に載っていないパッケージ紹介なども随時更新されておりますのでよかったら「いいね！」お願いします！

Ustream動画

Vimeoのものを内容は同じです。

Video streaming by Ustream

2014年4月19日（土）御茶ノ水ソラシティカンファレンスセンターでCSS Nite LP34「Webデザインで使うPhotoshop」を開催し、142名の方にご参加いただきました。

90日を目安に、スライドなどは公開予定ですが、フォローアップ参加にお申し込みいただくと、いち早く、スライド/動画を閲覧いただけます。

ツイートは下記にまとめました。

• CSS Nite LP34：Webデザインで使うPhotoshop - Togetterまとめ

フォローアップは、フォローアップメールのほか、Facebookイベントページにも行っていきます。

次のブログで取り上げていただきました。ありがとうございます。

• Web屋のーりー ? ウェブデザインの主役！ Photoshopと親密にお付き合いする方法
• モカの腹: CSSNiteLP34「Webデザインで使うPhotoshop」

撮影：飯田昌之

2014年4月17日(木) 、KDDIウェブコミュニケーションズセミナールーム（麹町）でCPI x CSS Nite x 優クリエイト 「After Dark」（9） 『「今すぐSublime Textを使いこなす！」90分ライブセットアップ』 を開催しました。

『Web制作者のためのSublime Textの教科書』の著者である森田 壮さん（ソウラボ）、前川 昌幸さん、杉本 淳さん（understandard）、上野 正大さん（ChatWork）の4名に出演いただき、インストールしたてのSublime Textを前に、パッケージの導入方法から必須のパッケージ、初期設定、知っておきたい便利な機能・ショートカットといった基本的なポイントを解説いただきました。

会場に40名弱。Ustreamで440名の方に視聴いただきました。録画データは追って公開します。

Ustreamで視聴いただいた方は、オンラインアンケートにご協力ください。

ツイートは下記にまとめました。

• CPI x CSS Nite x 優クリエイト「After Dark」（9） 『「今すぐSublime Textを使いこなす！」90分ライブセットアップ』 - Togetterまとめ

こもりさんのStorifyまとめ

• CPI × CSS Nite × 優クリエイト 「After Dark」(9) (with tweet) ? cipher ? Storify

次のブログで取り上げていただきました。ありがとうございます。

• こころのままに ? CPI x CSS Nite「After Dark」(9) に行ってきた
• CSS Niteにいってきました。 | コンサルタントブログ│優クリエイト