Googleカレンダーは、入力した予定を他の人と共有したり、カレンダーを複数人共同で編集できるとても便利なツールです。また、埋め込みコードを発行すれば簡単にサイトに埋め込むことができます。 埋め込みコードを利用した場合、カレンダーの見た目が固定でカスタマイズできないため、既存のサイトの見た目に合わせることができず使い勝手はよくありません。 しかし、フリー配布ライブラリであるFullCalendarを使えば、サイトにキレイな見た目のカレンダーを設置することができます。 Googleカレンダーとリアルタイムに連携 CSSでデザインを自由に変更できる 月ごとのカレンダーの他、週ごとのカレンダーや予定リストの形で表示することもできる デフォルトではシンプルなデザインですが、見た目のカスタマイズ性がとても高く、CSSを使うことができればオシャレなサイトにも馴染ませやすいのが特徴です。 Googleカ

Google検索をした場合、通常表示される内容は ・コンテンツタイトル ・パンくずリスト ・スニペット（コンテンツ内容の要約） だけですが、サイトによっては以下のように口コミ評価を星マークで表示したり、価格を表示させることができます。 このようにタイトルやスニペット以外の表示をリッチリザルト（またはリッチスニペット）と呼んでいます。 このリッチリザルトがないページに比べリッチリザルトがあるページの方が目立ちますし、クリック率(CTR)もよくなります。 だから、自分のサイトの検索結果にもこのリッチリザルトを表示させたいのですが、どうやったらいいのでしょうか？ 結論から言うと、リッチリザルトを表示させる、させないはGoogleの判断によります。 いろいろ対策しても、Googleが「これは表示させよう」と判断してくれないと表示してくれません。 とはいえ、何もしないよりも、何らかの対策をした方が表

Marketing is at an inflection point. Here’s why that’s an opportunity

The Coalition’s Better Ads Standards identify the ad experiences that fall beneath a threshold of consumer acceptability and are most likely to drive consumers to install ad blockers. More than 150,000 consumers have participated to date in the Coalition’s research to develop its set of Better Ads Standards.

Googleが「Accelerated Mobile Pages(モバイル環境でのページ表示を高速化しよう)」という目的で始めたAMPプロジェクト。AMPに対応したウェブページを作成する方法を、初心者の私が勉強をしながらまとめていきます。 Q&A対応するとどうなるの？カルーセルに掲載されるモバイルでのGoogleの検索結果にカルーセル形式で表示されます。ただし、AMPに対応した全てのページがカルーセルで表示されるとは限りません。 AMPのマークが付くモバイルでのGoogleの検索結果に雷のマークが付きます。そして検索結果からのアクセスは全てAMPのページになります。開発者もユーザーも、通常のページかAMPのページかを選択することができません。 アクセスは増える？増えると思います。AMPに対応するとカルーセルに表示されるかもしれません。カルーセルは確かに検索結果ページの上部にありますが、その

サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発

どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae

[対象: WordPress利用者] その記事に対してGoogle+で共有されたコメントを、WordPressのコメントエリアに表示するWordPressのプラグインをこの記事では紹介します。 米TechCrunchが公開した Google+ Comments for WordPress というプラグインになります。 Googleが運営しているBloggerは、Google+のコメントをブログで閲覧できる機能を標準機能として組み込みました。 Google+ Comments for WordPressは、これと同じ機能をWordPressに実装するプラグインです。 インストール&設定 インストール方法はほかの一般的なプラグインと同じです。 WPの管理画面から直接インストールするか公式プラグインディレクトリからダウンロードしてWPのPluginsディレクトリにアップロードし、有効化します。

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

Study sought to understand How consumers use multiple screens to accomplish tasks. Participants logged each of their traditional and digital media interactions in a mobile diary over a 24 hour period. Survey probed further into observed behavior the day following diary participation.

このサイトをリニューアルするに当たってのちょっとした裏ミッションは、Google AdSenseを効果的に配置しサイトの収益性をある程度アップさせることだった。というのも、レンタルサーバー時代は年間5,000円程度だったサイトの維持費が、VPSサーバーに移転すると20,000円程度までアップ。今までならそれでもまあ良かったが、来年には子供が生まれると言うことで、男には何よりも恐ろしい事態が目前に迫ってきた。 小遣い制！！(T-T) 嫁が今と同じように働けなくなる時点で世帯収入ダウンは避けられない。なので文句を言う気も無いし、むしろそうするべきだと思ってはいるが、そうなるとこのサーバー維持費が地味に痛い。というわけで、サイトの維持費と欲を言えばガジェットヲタクとしての生活を少しでも維持するべく、サイトの収益化を少しは考えてみようと思うようになった。 以来色々試していたが、先日「Google

Making the web more beautiful, fast, and open through great typography

Explore interactive Doodles Fun awaits! Unlock interactive worlds built around sports, animals, heroes from around the world, and so much more! Discover video Doodles Dive into our video archive to discover immersive stories about musicians, food, science, and other interesting topics!

すっかり夏っぽくなり、ビアガーデンに毎日通いたいと常々感じる今日この頃、Latin です。 巷で流行っていると噂の Google HTML/CSS Style Guide についてまとめて下さっている REFLECT DESIGN さんのブログより、代表的なものをいくつか抜粋してみました。 全般的なスタイルルール 一般的な書式ルール 全般的なメタルール HTMLのスタイルルール HTMLの書式ルール CSSスタイルルール CSS書式ルール 全般的なスタイルルール プロトコルの記述 <!-- NG --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- OK --> <script src="//www.google.com/js/gweb/analytics/autotrac