Google AnalyticsからUMamiへの切り替え


注:オリジナルのポストは、here
どんな新しいサイトのためにでも、常にあなたのサイトとユーザーについて統計を集めて、分析するために、「Go to」メソッドとしてGoogle Analyticsをつかむ傾向が、あります.私は、1つについては、過去には、しかし、オープンソースの分析と安価なオプションの人気が高まっているとして有罪となっている、ますます多くの開発者は他の場所を探しています.

なぜ離れて移動?


個人的には、Googleの生態系から離れていくことができるようにしようとしていますが、壮大なスキームでは、Googleにサイトを開くことがいかに簡単かということが根本的に間違っていると思います.私は、これが利便性とそれに完全に理解されているすべての知覚された最高の練習にダウンし、多くの時間を考えると、私は関連することができます.しかし、インターネットのプライバシーは、多くの人々のための不安な懸念になると私はそれが他のオプションを探索し、我々の訪問者の情報を安全に保つために意味があると思う.
これに加えて、他にいくつかの利点があります.
我々はいくつかのパフォーマンスの利点を見る必要がありますので、
  • Analyticsはかなり肥大です.ほとんどのオープンソースソリューションは2 KB程度になる傾向がありますが、GAは40 KB程度になります.
  • 恐るべきGDPRクッキー旗のための
  • の必要性!ほとんどの自己ホストのソリューションは、クッキーを設定したり、任意の個人的なデータを追跡するので、自分の仕事を保存しています.
  • ほとんどのブロッカーは、GAスクリプトをブロックします.我々自身の解決策をホストすることによって、我々は中断されて、正確なデータを受けます.
  • あなたはデータを所有します!あなたの訪問者のプライバシーを保護して、インターネット上でより安全なスペースをつくること.
  • 注:私は自己ホスト解析解析のパスを探索する前に私はそれがGDPR準拠するGoogle Analyticsを設定することが可能かどうかを調査した.これを書いた時点で、何か具体的な何か“公式”はなかった.新しいプロジェクトのためにGoogle Analyticsのために達する開発者/サイト所有者の量のために、私はそれのために広範囲のドキュメンテーションまたはガイドがなかったことを面白くてわずかに失望させました.

    解析論解の選択


    それは偶然かもしれません、あるいは、それは運命かもしれません、しかし、私がデジタル的につまずいた最初のオープンソースAnalytics解決が起こるので、事実旨味はそうでした!私は最初にKai Brachの高密度発見のissue #102からそれを発見しました、そして、それがしばらく戻って出てきたけれども、それはまだ私に大きな印象を与えました.これに加えて、Twitterverseと“アルゴリズム”のおかげで、私はマイクカオの(24)ポスト242479152インスピレーションにいくつかの大きな洞察を共有し、なぜプロジェクトがされるようになったとどのように作成された.私はまだかなり吹き飛ばされていたので、それは開始から終了まで30日かかりました.しかし、このように運命づけられたように、私はいくつかの他の解決策を見ました.
    How I wrote Umami in 30 days -自由な選択肢-おそらく旨みに最も類似した解決とそれは私の第2の選択でした.それはかなり人気があるとチェックアウト価値があるようだ.
    Ackee -支払った/無料試用-私はそれがチェックアウトする価値があると思ったので、私はsのつぶやきの1つからこの解決に出くわしました.このサイトでは、巨大なフォーカスがデータに置かれていないので、私は無料のソリューション(しかし、あなたは7日間無料で試してみることができます).
    Fathom -支払った/転換焦点- Splitbeeによって作成されたビジネスと変換に焦点を当てて有料サービスです.それは美しいUIといくつかの素晴らしい機能を持っていますが、私のために(何か超簡単なものを望んでいる)、それは少しoverkillを感じた.

    スプリットビー ホスティングソリューションの選択


    現在、私は、それがどこで主催されるつもりであるかについて決めるのに必要な解析論解を選びました.原則として、オープンソースプロジェクトのセルフホスティングは、多くの可動部分との痛みのビットであることができます.幸いにも、うま味のドキュメントでは、すべての1つのソリューション(Digitalocean、鉄道、Heroku)からあなたのフロントエンドとバックエンドを設定するに至るまで、ホスティングに来るいくつかのオプションを与える.私にとって最大のものは、使いやすく、オールインワンの解決策を見つけることでした.それで、私はデータベースとUI層を別々に心配して、2つの異なるサービスにサインアップする必要はありませんでした.それで、何かと同様に、私は2、3の検索をして、ブログポスト を通してRailway.appに遭遇しました.
    鉄道は私が上記したいすべてを提供しました、あなたのためにデータベースとフロントエンドを自動的に配備して、継ぎ目なく彼らを結びつける一つのサービス.私がそれを行かせるために興奮していた前に鉄道のことを聞いたことがない.
    注意:Herokuを使用することもできます.私はあなたのデータベースとUI層を設定しなければなりませんでしたが、Herokuのファンではありませんでした.

    自己ホスト型Web解析 鉄道におけるうまみ展開


    私は、それが複雑なプロセスであり、本当にスマートな人々だけがこれを成し遂げることができるとあなたに言いたいです、しかし、現実に、それは私が経験した最も簡単な、摩擦のない配備プロセスのうちの1つです.鉄道は、あなたのPostgresデータベースとあなたのための次のフロントエンドを自動的に配置するumamiスターター(チェックアウトする他のスターターの多くに加えて)を提供します.開始するには、下の鉄道配備ボタンをクリックすることができます.
    注:これはまた、公式のdocsと私が前に述べたブログ記事で見つけることができます
  • あなたはあなたのgithubにサインして、鉄道に若干の許可を与えられるよう頼まれます.これは、鉄道はあなたがフォークすることができますし、将来のアップデートを適用するためのumamiレポを作成することができますので.
  • あなたのrepoに名前を与えて、あなたのHASH_SALT(これは何でもすることができます)のためにランダムなストリングを加えてください、そして、deployをクリックしてください.
  • プロジェクトを開始すると、プロジェクトが起動します.この時点で、それが終了するまで待機ゲームです.私は、ちょうどそれが終わった(残念でない)まで、ログをじっと見つめていると認めます.
  • 展開が正常に終了したら、プロジェクトの展開とローのURLをクリックすることができます.
  • ユーザー名で
  • にログインしてください:管理者とパスワード:うまみとあなたのパスワードを変えることを確認してください.これは[設定]プロファイルで変更できます.
  • 当社のウェブサイトの設定


    それで、我々はumamiを持って、鉄道で走っていて、すべてが一緒に来始めています.私たちのために残された唯一のことは、UMamiで我々のウェブサイトを構成して、追跡スクリプトを我々のウェブサイトに加えることです.では、こうしましょう.
    うさ美の我々のセッティングページに
  • 頭とクリックadd website
  • NameDomainフィールドに記入して、保存をクリックしてください
  • は、新しく作成されたドメインの横にある</div>ボタンを参照してください.をクリックしてトラッキングコードをコピー
  • 私は次を使用しています.私たちの_document.jsxファイルのように(あなたが既にいないならば、あなたはこれを作成する必要があるかもしれません)、私たちは以下を加えることができます
  • import Document, { Html, Head, Main, NextScript } from "next/document";
    
    class MyDocument extends Document {
      render() {
        return (
          <Html lang="en">
            <Head>
              {process.env.NODE_ENV === "production" && (
                // the tracking script copied from umami
                <script
                  async
                  defer
                  data-website-id="your-umami-id"
                  src="your-umami-src"
                />
                // end of tracking script from umami
              )}
            </Head>
            <body>
              <Main />
              <NextScript />
            </body>
          </Html>
        );
      }
    }
    
    export default MyDocument;
    
    私が生産に関して旨味に送られる統計を得ているだけであることを確認するためにここでprocess.env.NODE_ENV条件をここで加えた方法に注意してください.条件は私の意見でより複雑でありえました、しかし、それは私が必要とするもののために働きます.
    一旦あなたのサイトが追跡スクリプトで展開されるならば、あなたはうまみで通り抜ける若干の統計を見始めなければなりません.

    結論


    そこにある!時間の比較的短い時間では、Google Analyticsからあなたの個人的なサイト/プロジェクトを移動することができますし、心の平和を持っていることは、データと他の利点の範囲を所有している.私はマイク・カオに対して大きな感謝をしたいと思います.彼がいなくてもプロジェクトが存在しないとして、UMamiを作成するために.もしあなたがスイッチをするなら、彼にいくつかの愛を送ります.また、 のための大きい拍手は、自己ホスティングオープンソースプロジェクトの(迷惑な)問題を撮影し、プロセスを信じられないほど簡単にしました.彼らが構築し、これを達成したものは何よりも顕著です.
    最後に、私はあなたがumamiまたは他のリストされた解決策のいずれかをチェックアウトし、Google Analyticsから離れて移行することを望みます.私はあなたがそれを後悔するとは思わない.

    鉄道アプリ 役に立つヒント


    あなたがそれにあなたのホーム画面に速いアクセスのためにそれを加えることができるように、HumamiはPWAとして大きく働きます.あなたは数ヶ月前から検索履歴に飛び込む必要はありませんので、鉄道によって生成されたURLはかなりランダムなので、ブラウザのブックマークを追加されます.
  • おそらく最も重要なときに楽しく書くために書く:統計情報を書く何を書くことはありません.あなたはすぐにモチベーションを失って自分自身を見つけるだろうと書くの雑用のように感じるでしょう.