複数のgoogle.maps.Markerそれぞれに吹き出しをつける
Google MAPS APIで遊んでいて、複数のgoogle.maps.Marker の、それぞれに吹き出し(openInfoWindow)をつけたかったのに、どれをクリックしても最後のマーカーから吹き出しが出てくる！というミスをしないための備忘録。質問しても「クロージャがわかってない奴は云々」とか説教垂れられるだけなので。。 V2 版はこちらです。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 740px; height: 400px;"></div> <script type="text/javascript"> function attachMessage(marker, msg) { goog
ユーザーのアクションをさらに可視化する、Google アナリティクスのイベントトラッキングの設定方法と活用例｜アナグラム株式会社
Webサイト上におけるユーザーの行動や、そこからどれだけ売上に繋がったか、売上に繋がったユーザーのサイト内行動パターンや属性はどういったものかなどを可視化するために、Google アナリティクスを導入しているウェブサイトは多いと思います。 ユーザーの行動がサイト内のページ遷移で完結するのであれば、デフォルト設定のGoogle アナリティクスで把握が可能です。しかしながら、例えば資料などファイルのダウンロードや電話ボタンのタップなど、ページの遷移を伴わないユーザー行動も多くあります。これらもサイトにおいて行われる重要なユーザー行動であるため、ぜひ計測しておきたいところですよね。 Google アナリティクスでは、イベントトラッキングと呼ばれる設定を行うことで、ページ閲覧以外のアクション計測するための仕組みが用意されています。 本記事では、ウェブサイトでのユーザーの行動をさらに明らかにする、イ
まずはココだけおさえる！ Googleアナリティクスの見方5選 | LISKUL
Googleアナリティクスで自社のアクセス解析をしようと思い、データをとりあえず眺めて、 訪問数が伸びた、減った。 直帰率が高い、低い。 で終わっていませんか？ これだけでは、Googleアナリティクスを見ても何が原因で上がったのか下がったのかが分からず、次の施策を打つことができません。 Googleアナリティクスはただ眺めているだけでは何の価値ももたらさないのです。 でも安心してください。 Googleアナリティクスで何が見られるかを知れば、今日からあなたもバリバリ使いこなすことができます！ 今回はGoogleアナリティクスのデータから、施策を打つまでの導き方をご紹介します。自社サイトのアクセス状況を確認して、今後のサイト改善に役立ててみては如何でしょうか。 分析に自信がない、時間が割けない方は無料診断を利用するのもオススメです。 ※本記事は株式会社WACUL提供によるスポンサード・コン
【Googleアナリティクスの見方】初心者がおぼえるべき基本レポート4つ | リスマガ【Web集客の教科書】
Googleアナリティクスでなにができるの？まずは、具体的な見方の解説の前に、Googleアナリティクスで何ができるのかを整理しておきましょう。 Googleアナリティクスを使うことで、例えば以下のようなことが分かります。 どのページの離脱率や直帰率が高いのだろう？問い合わせまで繋がる人は最初にどのページに訪れているのだろう？検索や広告や外部リンクなど、どこからの流入が多いのだろう？ さらに、これらのデータを掛け合わせて分析することもできます。 例えば、Google検索からトップページ→料金ページの順にアクセスした人の問い合わせ率はいくつだろう、といった具合です。 Webサイト運営に必要なデータは、ほぼすべてGoogleアナリティクスで見ることができます。 とりあえず見るべき4つのレポートGoogleアナリティクスは、項目が多くて一見複雑そうですよね。そこで、まずチェックするべき4つのレポ
Googleクローラーとは？クロールリクエストや申請依頼の方法など徹底解説！｜SEOラボ
Googleクローラーとは、Googleの検索エンジンで検索結果を表示するために、Webサイトの情報を収集する自動巡回プログラム(ロボット)のことです。「Googlebot」とも呼ばれ、Google社が使用するWeb上を巡回するクローラーです。 このGoogleクローラーにクロールリクエストする(クローリングや再クロールの申請依頼をする）には、基本的にサーチコンソールを活用します。 クロールのリクエストがうまくいけば、SEOの良い効果が期待できます。 一方、Googleクローラーにクロールをリクエストしなければ、クローラーの巡回を促せません。 とくにリンク構造が貧弱なサイトやコンテンツの品質が低いサイトは、クローラビリティが悪いのでWebページにクローラーが巡回しづらいです。 つまり、クロール頻度が上がりません。 そうなれば、Webページがちゃんとインデックスされない可能性が高まります。
Google Maps APIs Styling Wizard を使って カスタマイズしたマップを使う ｜ Tips Note by TAM
2018.05.16 Google Maps APIs Styling Wizard を使って カスタマイズしたマップを使う サイトでGoogle Mapを埋め込む時に、マップの色が浮いてしまったり、表示される項目が多すぎてわかりづらくなってしまう事もあると思います。 その際、マップの色や、表示される項目を調整できるのがGoogle Maps APIs Styling Wizardです。 Googleのツールなのですが日本語化されてないせいか、なかなか使い方が見つからなかったので、簡単な流れを共有したいと思います。 ベーシックな表示項目の調整をする まず、表示する予定地周辺の地図を表示し、デフォルトでの見え方をみてみます。 右上の検索エリアに入れればすぐに出てきます。 次に、左カラムで大まかな表示項目の調整をします。 Theme(テーマ) … 大まかな色のルールを選びます。 ※テーマによっ
違反注意！地図データ利用時に考える著作権と利用規約
ビジネスでもプライベートでも、地図のデータ（画像）を利用するケースはとても多いと思いますが、どのような場合でも自由に使えるわけではありません。 利用できる場合とできない場合を、著作権と利用規約の両面から考えてみます。 地図は著作物 まず前提として、地図は著作権法（以下「法」）10条で例示されている中の、6号「図形の著作物」に該当するため、通常は著作物として扱われます。 法10条1項6号 地図又は学術的な性質を有する図面、図表、模型その他の図形の著作物 このように条文にも明示されていますし、また二次元の地図に限らず、三次元のもの、例えば地球儀などもこの図形の著作物に該当します。 また、美しくデザインされた地図であれば、「美術の著作物」として考えることもできます。 ただ、地図は実際に存在するものをその通りに表現する場合もあり、自由に創作できる範囲が狭いことも事実です。そのため、著作物性の判断に
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
Googleマップのカスタマイズに挑戦してみた！
今回は初めてGoogleマップのカスタマイズに挑戦したので、備忘録としてやり方をまとめました。 カスタマイズできると知ってはいるけど難しそうで試したことない人も多いはず…そんな方は是非チェックしてみてください！ それではどうぞ！ Googleマップのカスタマイズをする意味 実店舗があるお店のサイトにとって、そのお店の行き方や場所が分かるマップは重要なコンテンツだと思います。初めてお店に行きたい時に、サイトにマップがあるととても分かりやすいですよね！ そんな時よく使われるのがGoogleマップです。ただサイトによってはマップとサイトデザインがあっておらず違和感を感じる場合もあります。 デザインをあわせるためにオリジナルの地図画像を作るという手もありますが、道が変更されたり、目印のお店が無くなったりするたびに変更しないといけないので正直あまり実用的ではありません。そこでオススメしたいのが、Go
やはり、お前らのJavaScriptでのリダイレクト実装は間違っている
一見簡単に見えるJavaScriptでのリダイレクト(URL転送)ですが、よく知られた方法にはある落とし穴があり、Googleアナリティクスで正常な解析が行えなくなります。どんな落とし穴があるかと、その回避策について解説します。 なお、こちらの記事は、 SEM Technology - Googleアナリティクスに悪影響を与えずにJavaScriptでリダイレクトする方法 と同じ内容となっています。 はじめに モバイルサイトとPCサイト間のリダイレクトであったり、URL変更に伴うリダイレクトにおいて, .htaccessなどを用いたサーバー側でのリダイレクトが技術上できず、JavaScriptを利用してリダイレクトしているケースをたまに見かけます。 こうしたサイトでは、見た目上は問題なく動作しているものの、実はGoogleアナリティクスなどを用いてアクセス解析を行うと致命的な問題点がみつか
Googleカスタム検索導入手順と導入する時につまづいたこと。
先日、Googleカスタム検索を導入してみた。 なぜ、あえて導入してみようかと思ったかと言うと、 一番は検索結果の柔軟さ。 デフォルトのWordpressの検索機能は、 例えば、「ぴぐもん」を検索したら「ピグモン」は表示されない。だけどGoogleカスタム検索なら「ぴぐもん」で検索したら「ピグモン」はいかが？みたいなことも提示してくれるし、画像検索だってできる。 で、今回も導入手順やつまづいたことを書き残しとこうと思います。 目指す導入後のカタチ 導入手順 カスタム検索エンジンにログインする。 右上の「カスタム検索エンジンログイン」をクリック。 ※もし、GoogleID持ってない場合は取得するところから始めてくださいな。 新しい検索エンジンの作成 検索するサイトに”http://”以下のドメインを入力。 言語を”日本語”にして「作成」をクリック。 基本的な設定 ”検索エンジン名”はそのまま
Googleがウェブマスター向けガイドラインを大幅改定 ―― いったい何が変わったのか？
[レベル: 初・中・上級] Googleは、ウェブマスター向けガイドラインを大幅に改定しました。 この記事では、主だった変更点を抽出して解説します。 認識しておきたい変更点が数多くあります。 新しいウェブマスター向けガイドラインの主だった変更点 セクション分け 以前は、次の3つのセクションに大きく分かれていました。 デザインとコンテンツに関するガイドライン 技術に関するガイドライン 品質に関するガイドライン 現在は、2つに分かれています。 一般的なガイドライン 品質に関するガイドライン 内容が減ったわけではなく、「デザインとコンテンツに関するガイドライン」と「技術に関するガイドライン」の2つが、「一般的なガイドライン」にまとめられた感じになっています。 「一般的なガイドライン」はさらに次の3つのサブセクションに分かれています。 Google がページを検出できるよう手助けする Google
【第2回】ネットワーク広告担当者が語るGoogle Adsenseでネットメディアの収益を最大化するポイント : LINE Corporation ディレクターブログ
(photo: Google Logo in Building43 by Robert Scoble) こんにちは、広告事業部でネットワーク広告の運用を担当している木原です。 今回は4月に掲載した記事の続きとして「【第2回】ネットワーク広告担当者が語るGoogle Adsenseでネットメディアの収益を最大化するポイント」をお送りします。 ※前回に引き続き内容は初級者～中級者向けにしています。 広告配信の仕組みを知る さて、皆さんが日々運用しているGoogle Adsenseですが、誰がどのような方法で広告を出稿/管理し、どのようなロジックで広告が表示されているのかご存知でしょうか。広告収益を最大化する上で、広告配信の仕組みを知ることは非常に重要なポイントになります。 広告主・代理店が広告を出稿し、実際にあなたの運用する媒体に広告が掲載されるまでには大きく2つのステップがあります。ざっくり
『これヤバイ！画像やPDFからテキスト文字を抽出するスマートな方法』
佐渡の洋食屋店長のブログ佐渡の洋食屋店長のマニアックなブログです。 グルメネタは少なく、マニアックなネットTEC的なネタ、佐渡ネタが豊富なブログです。 はい。 画像のとおりでございます(笑) GoogleドライブのOCR機能を使って、画像やPDF（文字抽出の出来ないやつ）からテキスト文字を抽出するスマートな方法を教えちゃいます♪ まず、Googleドライブにアクセスして右側にあるギヤのマークをクリックします。 その中にあるアップロード設定にカーソルを合わせると、アップロードしたPDFや画像ファイルからテキストに変換にチェックを入れます。 試しに上にある画像をGoogleドライブにアップします。 変換する言語を選択する画面が出るので、「日本語」を選択しましょう。 これがアップされた画像のOCR読み込み後の画面です。 OCRのオーの字と、スマートのーが誤変換ですが、ばっちりテキスト化されてます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
three.js - JavaScript 3D library
CSSの非表示(display:none)を使った広告の切り替えについて - Google グループ
2015Googleカスタム検索を設置する - ブログ
Google Cloud Search: Gmail やドライブなどを包括的に検索 | Google Workspace
GOOGLE+ (GOOGLE PLUS) ICON RED LOGO VECTOR (AI SVG) | HD ICON - RESOURCES FOR WEB DESIGNERS
GoogleChromeでJavaScript動かない。httpsが原因？？