Jekyll ile Google Analytics Sayfa Görüntüleme Sayısı Takibi

Merhaba! 🌟#

Statik web sitelerinizde sayfa görüntülenmesini nasıl gösterebileceğinizi araştırırken, Google Analytics üzerinden Super Proxy kütüphanesini kullanarak verileri dışarıya açabileceğimizi öğrendim. Konuyla ilgili, Google ekibinin eski bir videosunu buldum: Google Analytics Super Proxy. Bu video üzerinden ilerleyerek çözümümü buldum. 🥰

Malzemeler 🥗#

• Google Analytics Hesabı
• Google Console Hesabı

İlk Adım#

Google Analytics hesabınızı açtıktan sonra, sitenizi eklerken şu ayarı yapmayı unutmayın: "Create a Universal Analytics property" kısmını açıp, resimdeki gibi işaretleyin.

Google App Engine Kurulumu#

1. Appengine sitesine gidin.
2. "Proje Oluştur" seçeneğine tıklayın.
3. Projenize bir isim verin ve devam edin.
4. Dil olarak Python, ortam olarak ise "standart"ı seçin.
5. Faturalandırma hesabınızı etkinleştirin. Kredi kartınızı bağlamanız gerekecek, ancak ücretsiz kotayı aşmadığınız sürece ücretlendirilmezsiniz. Basit bir blog için bu kota fazlasıyla yeterlidir.
6. Sol menüden API ve Hizmetler kısmını seçin ve ardından API'leri ve Hizmetleri Etkinleştiri tıklayın.

• Google Analytics API'yi seçin ve API'yi aktif edin.
• APIs & Services menüsünde, OAuth consent Screene tıklayın ve gelen pencerede Harici (External) seçeneğini işaretleyerek devam edin.

• Projeyi yayınlayın.

• Credentials kısmından OAuth 2.0 Client IDs kısmını aktif edin.

• Client ID ve Client Secret adında oluşan kodları not edin.
• Client ID üzerine tekrar tıklayın ve şu alanları doldurun:
• Authorized JavaScript origins kısmına projenizi oluşturduktan sonra verilen URL'yi girin.
• Authorized redirect URIs kısmına ise sadece /admin/auth uzantısını dahil edin.

Cloud SDK#

1. İlk olarak Google Cloud CLI adresine gidin ve işletim sisteminize uygun yazılımı indirin.
2. Daha sonra terminali açın ve şu komutu girin:

gcloud init

Tarayıcınız açılacak, onaylama işlemini yaptıktan sonra başarıyla giriş yapmış olacaksınız. Ardından şu komutu çalıştırarak proje bilgilerinizi kontrol edebilirsiniz:

gcloud info

Seçtiğiniz proje bilgileri burada görüntülenmelidir.

1. Şimdi google-analytics-super-proxy reposuna gidin ve dosyaları indirin.
2. src/app.yaml dosyasını editörle açın ve ilk başta bulunan şu iki satırı silin:

application: your-application-id
version: 1

Dosyayı kaydedin.

1. src/config.py dosyasını açın. OAUTH_CLIENT_ID ve OAUTH_CLIENT_SECRET kısımlarını yukarıda oluşturduğunuz Client ID ve Secret ile doldurun.

1. XSRF_KEY kısmına rastgele güçlü bir şifre yazın.
2. src klasöründe terminali açın ve şu komutu çalıştırın:

gcloud app deploy

İşlem tamamlandıktan sonra şu komutla logları takip edebilirsiniz:

gcloud app logs tail -s default

Projenizi tarayıcınızda açmak için:

gcloud app browse

Açılan linkin sonuna /admin ekleyin ve bağlı olduğunuz Analytics hesabınıza giriş yapın. Her şey yolunda gitmişse, şu ekranla karşılaşmalısınız:

Google Analytics Sorgusu#

1. Create Query butonuna tıklayın ve orada bekleyin.
2. UA Query Explorer'ı açın. Reklam engelleyici eklentileri kullanıyorsanız, bu sitede çalışırken kapatmayı unutmayın.
3. Start Date => En eski yazınızın tarihini girin.
4. End Date => "Today" seçeneğini seçin.
5. Metrics => "Pageviews" seçin.
6. Dimensions => "PagePath" seçin.
7. Filters => ga:pagePath=~^.\*/$;ga:pagePath!@= olarak doldurun.

1. Run Query butonuna tıklayın ve oluşan URL'yi not alın.
2. Create Query kısmını aşağıdaki gibi doldurun.

1. Ardından proje kısmından Manage seçeneğine tıklayın, Enable Endpoint ve Start Scheduling butonlarına basın. İşlem tamam! 🎉

2. Son olarak, tüm bu süreç bittikten sonra görünüm şu şekilde olmalıdır:

1. _config.yml dosyanızı açın ve şu kodları ekleyin:

google_analytics:
  id: "G-V6XXXXXXX" # Google Analytics Kimliğinizi girin
  pv:
    proxy_endpoint: "https://PROJE_IDNIZ.appspot.com/query?id=<SUPER PROXY IDNIZ>"
    cache_path: # Bölgesel olduğu için boş bırakabilirsiniz.

Filtreleme#

Core Reporting API Filters sayfasından filtreleme değişkenlerini inceleyebilirsiniz.

Örnek Dosyalar#

• _Config.yml Dosyam
• Script.html Dosyam
• Post.html Dosyam

Sonuç#

Bu çözümü blogumda kullanıyorum. Google Console servisi, Amazon gibi ücretsiz deyip de ay sonunda kartınızdan para çekmeye çalışmıyor, yedi aydır sorunsuz kullanıyorum. Yine de, tedbir amaçlı ödeme alarmı kurabilirsiniz. Ödemeler kısmından alarmlara tıklayıp 1 TL'yi aşınca beni uyar diye ayarlayabilirsiniz. 😉