GA4連載第1回：オウンドメディア担当者がGA4に移行するべき4つの理由（寄稿：小川卓） - はてなビジネスブログ
Google アナリティクス（以降「GA」）の利用停止が2023年6月末と残り9ヶ月をついにきりました。Googleは代替ツールとしてGoogle アナリティクス 4（以降「GA4」）を提供しており、多くの企業がGA4への移行を始めています。 support.google.com しかし「GA4は難しそう」であったり「今はまだGAが使えるから大丈夫」ということでGA4の移行を行っていないサイトも多いのではないでしょうか。3回シリーズとして、GA4の導入や設計など数多くの案件に携わっている株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）がGA4に関しての連載を寄稿させていただくことになります。 全3回の内容は以下の通りとなります 第1回：オウンドメディア担当者がGA4に移行するべき4つの理由 第2回：オウンドメディア担当者がGA4を導入するための初期設定と活用するべきレ
GmailでIMAPが使えなくなるので自作プログラム用に認証キーを取得する
Googleから突然、「5月30日より、安全性の低いログイン技術を使用するアプリにアクセスできなくなる可能性があります」というメールが届き、困惑している方もいるのではないでしょうか？ たぶんこれはGmailをPOP3やIMAP接続で使っている人にだけ送られるメールだと思います。実際、ぼくは複数のGmailアカウントを持っていますが、この注意喚起メールが届いたのは一部のメールアドレスだけであり、そのアカウントはたしかにIMAP接続で使っているモノでした。 以前から企業向けのGmailではOAuth認証が推奨されていたようですが、とうとう全部のGmailでPOP3やIMAP等のユーザーIDとパスワードの組み合わせだけでログインする仕組みは使えなくするようです。 これは困った。うちはWeb管理等にGmailを利用しており、運営サイトの問い合わせフォームの送信先としてはもちろんのこと、デバッグ用の
うろおぼえ捜索法 虎の巻
うろおぼえを捜索する手法のようなものを備忘録的に投げておこうと思う。 予め言っておくが、専門的知識もなく文章能力もないので、読み難さは勘弁して頂きたい。 また、私は特に何の能力も持ってないので専門人には劣る。な～んも分からん。 それでも良いよ！という、仏の手の平よりも広い心を持った方のみ読んで下さい。 基本的にうろおぼえのものは、印象に残っているものなので、 必然的に自分以外の人も探していたり、Twitterで呟いていたりする。 ...つまり集合知に頼った方が早い。 誰かに聞くのが早いのだが場所と人に因るので、自ら検索を行う方法を記しておく。 うろおぼえ捜索は、情報強度(勝手にこう呼んでいる)が高い部分を抽出し、検索にかけるのが早い。 基本的に使用するのは、 Google検索Google画像検索Twitter の3つ。3つ目はTwitter上の作品及び、対象作品の感想を呟いている人を探すた
Next.jsでGoogle Analyticsを使えるようにする - パンダのプログラミングブログ
**Next.jsとはVercelが作成しているReactのフレームワークです。**面倒な設定を書かなくてもすぐに使えるZero Configを標榜しており、実際にwebpackやTypeScriptと一緒にReactを書く際にも特別な準備は不要です。SSRにも対応しており、Reactで開発するならNext.jsかFacebook製のCreate React Appを使うのがスタンダードになってます。 私は実務でNext.jsを使っており、このフレームワークはとても便利だと思っています。私はNext.jsの大ファンなので、Reactでの開発時にNext.jsを使う現場が増えるといいなと思って記事を書いています。 関連記事: Next.js + esa.io + VercelでJAMStackな爆速ブログを構築する **この記事では、Next.jsでReactアプリケーションを作成する時に、
独自ドメインでのメール送受信をGoogle Domains + Gmailで簡単に実現 | kosui / ebiebievidence
目的 誰でも一度は独自ドメインでのメール送受信を夢見る。 しかし、わざわざメールサーバを用意するのは面倒だし、 せっかくの休日にSendmailやPostfixなどのMTA(Mail Transfer Agent)の設定と格闘するのは御免だ。 そこで、Google Domains のメールエイリアス機能を利用する。 今回は、以下の手順で簡単に Gmail 上から独自ドメインでのメール送受信を行う。 Google Domainsでドメインを購入/Google Domainsへドメインを移管 メールの受信設定 メールの送信設定 Google Domainsの特徴 Google DomainsはGoogleが提供するドメイン管理サービスで、以下の特徴を備える。 モダンでシンプルで明快なUI ご覧の通り、物凄くシンプルだ。 しかも、モバイルでもPCでも、同じ操作で、同じ結果が得られる。 明快な価格
IFTTTにGoogle Apps Scriptを混ぜたらヤバい化学反応が起こった件 - もぐてっく
はじめに 2010年12月に彗星のごとく現れたWebサービス同士のマッシュアップサービスIFTTT。 「if (this) then (that)」と言うシンプル極まる構文で手軽にWebサービスが連携出来るのが特徴です。 IFTTTは様々なWebサービスをサポートしており、ちょっと挙げるだけでもTwitter、Evernote、Google Drive、Skypeなどの有名どころから、ナニコレ？ってものまで実に多彩です。 加えて、IFTTT独自のサービス群も魅力的です。 スマホ通知、Alexa・Google Homeの音声入力、スマホのウィジェット（メモ、ボタン、写真）など。 それらを前述のシンプルな構文で自由に組み合わせられるのが、IFTTTの魅力だと思います。 IFTTTの弱点 シンプルさが売りのIFTTTなのですが、それがそのまま弱点にもなっているという印象です。 例えば「為替の情報
アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る Goog
Google推奨「JSON-LD」で構造化マークアップ - Qiita
検索結果でパンくずや評価などのリッチスニペットを表示させる、構造化マークアップ。 Googleはこれまでmicrodataでの記述を推奨していましたが、現在JSON-LDを推奨していますね。 ということで、JSON-LDを使って構造化マークアップしてみました。 shema.orgを使ってます。 JSON-LDの記述方法 下記が基本の形です。 このscriptタグの中にまとめて書きます。 HTML内どこに置いてもOK。 <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "####" } </script>
GoogleChrome/sw-precache が便利そう - console.lealog();
知ってた人には今さらーって感じかもやけど。 正月休み最後の日ということで、何か新しい目のやつを学びたいなあと思い。 ServiceWorkerでできることやデザインについては追ってたつもりやったけど、実際にコード書いたことはないなということで。 スーパーイカメーカーとかいう丁度よい題材も手元にあることやので、これにServiceWorkerを適応するならどんな感じかとやってみた。 ただ結局リリースはしてなくて、その紆余曲折もまとめてメモ。 ServiceWorkerでやりたかったこと 主にはCache APIによるオフライン対応。 もはや更新の予定がないのでプッシュ通知もいらないし、他のテクいことにも使えなさそう。 最初は勉強がてら手書きで全部いこうかと思ったけど、細かいとこまで考慮しようとすると色んなイベントで色んなことが必要なのと、キャッシュしたいパスをコードに手書きするのはアレやなー
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
Web、モバイルのデザイン新基準「マテリアルデザイン」を学ぼう(1) そもそもMaterial Designって?
Googleは2014年にMaterial Designというデザインシステムを公開しました。そして2017年1月時点で、このデザインを活用したアプリがGoogle Play上に100万以上も公開されています。 この連載では、「Material Designとは何か」「どのようにMaterial Designを利用してアプリを作るのか」を解説していきます。 なぜMaterial Designが生まれたのか かつては「パソコン」が唯一のインターネット環境を提供するデバイスとして存在していましたが、この10年で「スマートフォン」や「タブレット」「ウェラブル端末」「コネクテッドカー」「テレビ」など、さまざまなデバイスから利用できるようになりました。 しかし一方で、Googleの「検索」や「メール」といったさまざまなアプリ・サービスは、増え続けるデバイスごとに、異なるユーザーインタフェースで提供し
GitHub Pagesでga-beaconを使ってリアルタイムアクセス解析 - Qiita
はじめに Github Pagesのリアルタイムアクセス解析をするため，ga-beaconを使ってみようと思いました． ga-beaconとは Google Analyticsと連携する，Webビーコン型リアルタイム解析ツールです． ga-beaconの導入方法 Google Analytics に登録 新しいプロパティの作成 Websiteを選択 Website name 識別できればいいので何でも良いです． WebSite URL https://ga-beacon.appspot.com/ と入力． Get Tracking ID Get Tracking ID をクリックし，ID( UA-XXXXXXXX-X という形式のもの)を控える． アクセス解析を行いたいページに以下のようなHTMLを追加 Tracking IDとURLはご自身のものに変更してください．ページ内であれば，貼り
超厳選！Googleフォントおすすめ40選を用途別に紹介【導入方法解説付き】 - F Lab.
ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い？ 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装！ 紹介の前に フォント選びの基準
Record audio and video with MediaRecorder | Blog | Chrome for Developers
Break out the champagne and doughnuts! The most starred Chrome feature EVER has now been implemented. Imagine a ski-run recorder that synchronizes video with GeoLocation data, or a super-simple voice memo app, or a widget that enables you to record a video and upload it to YouTube — all without plugins. The MediaRecorder API enables you to record audio and video from a web app. It's available now
GoogleアナリティクスでChrome拡張のcontent_scriptsをアクセス解析する
Chrome Extension（Chrome拡張）で、content scripts の Google アナリティクスによるアクセス解析を試してみたところ、上手くできたのでシェアしておきます。やってみたら案外簡単だったものの、情報源自体はかなり少なかったです。基本的に、以下のページで考えた方法でやってみましたところ上手くいきました。 Chrome拡張をGoogle Analyticsで解析する方法まとめ | EasyRamble 基本的な方針として、content scripts で直接トラッキングは行えないので、Message Passing で content scripts → background へとメッセージを送り、background の chrome.runtime.onMessage.addListener にイベントをトラッキングするコードを埋め込みます。 Chrom
How to add Google's Universal Analytics tracking to a Chrome extension
How to add Google's Universal Analytics tracking to a Chrome extension Google's Universal Analytics is out of beta, so now is a good time to update any Google Chrome extensions with the new code. Except that Google haven't updated their tutorial just yet. Here's the steps for adding Universal Analytics to your Google Chrome extension: Update your manifest.json manifest.json { ... "content_security
ブログの完全HTTPS化を完了、HTTPからHTTPSへの移行プロセスを共有
[対象: 上級] 気付いている人もいるかと思いますが、このブログ全体をHTTPSにしました。 この記事では、備忘録を兼ねて、完全HTTPSへの移行を検討しているサイトの参考になるように僕が実行してきたプロセスをまとめます。 実行した主な作業は次のとおりです。 サーバー証明書の取得 HTTPSへのリダイレクト 内部リンクの修正 各種ツール・パーツのHTTPS動作確認 すべてのコンテンツがHTTPSでダウンロードされているかを確認 WordPressの設定変更 rel=”canonical”の更新 ウェブマスターツールへの登録 サイトマップの更新 ソーシャルシェアの引き継ぎ HSTSの設定 外部リンクの更新 高速化 順に説明します。 1. サーバー証明書の取得 サーバー証明書をまず取得します。 手順は利用しているサーバー会社によって変わってきます。 詳しくはお使いのサーバー会社のヘルプを参照し
Universal Analytics でのクロスドメイントラッキング設定と意外な落とし穴 | チャットワーククリエーターズブログ
みなさんこんにちは！ 元エンジニアのマーケター、池田と申します ChatWork Advent Calendar 9日目を担当させていただきます。 このブログでは、マーケティングと技術の事を織り交ぜた話や、マーケターとエンジニアをうまく連携させていくノウハウをご紹介していきたいと思います。 今回ご紹介するのは、 Universal Analytics でのクロスドメイントラッキング設定です。 まだ Universal Analytics についての情報が少ない中、あれこれ試行錯誤しながらクロスドメイントラッキングに挑戦したのですが、思わぬ落とし穴に色々ハマってしまいました みなさんが同じ思いをしないように、そのノウハウをご紹介したいと思います！ Universal Analytics とは？Universal Analytics (ユニバーサルアナリティクス) とは、無料のアクセス解析ツー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools
【ホンネ】エミナルクリニック福岡天神院の口コミ7選＆20代の本音口コミ100