Bloga dön

Blog

Framer için SignalHost: eklentiyi bağlayın, bir kez yayınlayın ve canlı sitenizin kodu taşıdığını görün

Yayınlandı · 5 dk okuma

Framer Marketplace üzerinden edinin

SignalHost eklentisi, sunucu tarafı Google Tag Manager'ı bir Framer sitesine hiçbir kod kopyalamadan kurar. İzleme kodunu sitenizin özel koduna yazar, eklentiyi her açtığınızda onu günceller ve oturumu kapattığınızda yeniden kaldırır. Bu kılavuz her şeyi karşınıza çıktığı sırayla anlatır: bağlantı, yayınlama, çalıştığını kontrol etme ve bir şey çalışmadığında yapılacaklar.

Başlamadan önce

  • En az bir kez yayınlanmış bir Framer sitesi. Eklentinin bağlanmak için sitenizin adresine ihtiyacı vardır; henüz adres yoksa önce yayınlamanızı ister.
  • Framer projesinde düzenleme yetkisi. Eklenti bağlantısını projeye kaydeder ve sitenin özel koduna yazar; ikisi için de bu yetki gerekir.
  • Bir SignalHost hesabı. Denemek için ücretsiz plan yeterlidir: ayda 10.000 istek ve bir konteyner. Hesabı bağlanırken de oluşturabilirsiniz.

1. Eklentiyi açın ve bağlanın

Framer Marketplace'te SignalHost'u bulun ve projenizde açın. Eklenti, tek bir düğmesi olan küçük bir panel olarak açılır: “Connect with SignalHost”. Ona basın; signalhost.io'da bir tarayıcı penceresi açılır. Oturum açın ya da ücretsiz bir hesap oluşturun.

Siz o pencerede işinizi bitirirken panel bekler ve kendiliğinden güncellenir. Pencereyi kapattıysanız “Open the window again” onu geri getirir. On dakika yanıt gelmezse panel yeniden denemenizi ister.

2. Bir konteyner seçin

Pencere eklentinin neleri yapacağını ve neleri yapmayacağını listeler. İzleme kodunu her sayfaya ekleyecek ve güncel tutacak, konteynerin durumunu okuyacak ve yayınlanmış sitenizin kodu taşıyıp taşımadığını kontrol edecek, Framer'da oturumu kapattığınızda da bağlantıyı kendiliğinden kesecektir. Sitenizde başka hiçbir şeyi değiştiremez, Google hesabınızı kullanamaz ve faturalandırmanızı göremez.

Mevcut bir konteyneri seçin ya da yeni konteyner seçeneğini seçip kısa sihirbazdan geçin. Konteyner, kendi Google hesabınızda oluşturulan, size ait etiketleme sunucunuzdur; bu yüzden sizin olarak kalır. Yeni bir konteyner oluşturmak birkaç dakika sürer; hemen bağlanabilirsiniz ve eklenti, konteyner hazır olur olmaz kodu ekler. “Bağlan” düğmesine basın. Pencere ardından “Bağlandı — Framer’a dönün” der; pencereyi kapatabilirsiniz.

Framer'a döndüğünüzde eklenti bağlantıyı kendiliğinden alır, kodu ekler ve yayına geçmek için sitenizi yayınlamanızı söyler.

3. Sitenizi yayınlayın

Framer özel kodu yalnızca yayınlanmış sitede sunar; bu yüzden siz yayınlayana kadar ziyaretçileriniz için hiçbir şey değişmez. Panel iki adım gösterir: “Tracking code added to every page” ve “Publish your site to make it live”.

Her zamanki gibi yayınlayın, ardından paneldeki “Check again” düğmesine basın. SignalHost yayınlanmış ana sayfanızı getirir ve kodu arar. Kodu bulduğunda ikinci adım sitenizin adresiyle birlikte “Live on” olarak değişir ve konteyner sayfası kurulumu tamamlanmış sayar. Eklenti hiçbir zaman kendiliğinden yayınlamaz.

4. Test edin

Yayınlanmış sitenizi açın ve bir süre dolaşın. Paneldeki “Open SignalHost” sizi konteyner sayfasına götürür; orada “Gelişmiş analiz” bölümündeki “Son veriler” sekmesi son 30 dakikayı kapsar ve “Sorun giderme” altındaki “Kontrolleri çalıştır” gelen sayfa görüntülemelerini sayar. Growth planından itibaren “Canlı etkinlik izleme” de her etkinliği geldiği anda adıyla gösterir.

Eklentinin sitenize ekledikleri

Sitenizin özel kodunda, her sayfanın head bölümünün sonunda tek bir kod parçası: googletagmanager.com yerine kendi etiketleme adresinize yönlendirilmiş Google Tag Manager yükleyicisi. Tag Manager konteynerinizi oradan yükler ve Google etiketiniz sayfa görüntülemelerini onun üzerinden gönderir.

Eklenti, biri onu her açtığında bu kodu konteynerinizin ihtiyaç duyduğuyla karşılaştırır ve bir şey değiştiyse değiştirir. Başka hiçbir şeye dokunmaz; içeriğinizi, CMS'inizi ya da ziyaretçilerinizin verilerini okumaz. Kendine ait etkinlik de eklemez: sayfa görüntülemelerinin ötesindeki her şey, örneğin bir formun gönderilmesi, siteniz onu data layer'a push ettiğinde konteynerinize ulaşır.

Bağlantı projeye kaydedilir; bu yüzden projenin her editörü aynı bağlantıyı görür ve bu bağlantı yalnızca bu tek konteynerin kurulum değerlerini okuyabilir, başka hiçbir şeyi değil.

Her istek tarayıcıdan reklam engelleyicilerin tanımadığı bir biçimde çıkar ve etiketleme sunucunuz onu Google Analytics 4'e ve konteyner sayfasında kurduğunuz reklam platformlarına iletir: Google Ads, Meta, TikTok ve diğerleri. Çerez banner'ınız Google Consent Mode kullanıyorsa, reddeden bir ziyaretçi yalnızca Google'ın çerezsiz ping'i olarak sayılır.

Kendi izleme alan adınız

Konteyneriniz signalhost.io altındaki bir adresle başlar. Ücretli bir planda konteyner sayfasındaki “Kendi alan adınızı kurun”, bunun yerine kendi sitenizin sgtm.yoursite.com gibi bir alt alan adını kullanmanız için sizi adım adım yönlendirir; bu ad filtre listelerine takılmaz ve tıklama çerezlerini birinci taraf tutar.

Alan adı yayına girdiğinde SignalHost size yeni kodla birlikte bir e-posta gönderir. Framer'da onu yapıştırmazsınız: kodu kendiliğinden değiştiren eklentiyi açın ve yayınlayın. O zamana kadar eski adres çalışmaya devam eder. Eklentiyi açıp yayınlamayı unutursanız “Publish again: your live site still has an older version.” der.

SignalHost'u elle eklemek

Aynı kodu eklenti olmadan da ekleyebilirsiniz. Konteyner sayfasında “Sitenize yükleyin” kartındaki kodu bulun ve “Kopyala” düğmesine basın. Framer'da Site Settings → General → Custom Code bölümünü açın, kodu her sayfanın head bölümünün sonuna gelecek şekilde yapıştırın ve yayınlayın. Ardından konteyner sayfasında “Bunu yaptım” düğmesine basın.

Vazgeçtiğiniz şey: kod artık konteynerinizi takip etmez. Etiketleme adresiniz değiştiğinde onu SignalHost'un size e-postayla gönderdiği yeni kodla kendiniz değiştirir ve yeniden yayınlarsınız. Canlı sitenizde kodun olup olmadığını da hiçbir şey kontrol etmez. Yalnızca birini kullanın: eklenti de bağlıysa kod her sayfada iki kez bulunur.

Yönetme ve bağlantıyı kesme

“Ayarlar”, “Bağlı siteler” siteyi son bağlantı kontrolüyle birlikte “Framer eklentisi” olarak listeler.

Panelin en altında ve eklentinin menüsünde bulunan “Log out”, SignalHost'taki bağlantıyı sona erdirir ve eklentinin kodunu sitenizin özel kodundan kaldırır. Her özel kod değişikliği gibi bu kaldırma da ziyaretçilere bir sonraki yayınlamanızla ulaşır. Konteyneriniz ve istatistikleri yerinde kalır; istediğiniz zaman yeniden bağlanabilirsiniz.

“Bağlı siteler” sayfasındaki “Bağlantıyı kes” ise tersinden çalışır: eklenti, biri onu Framer'da bir sonraki açışında SignalHost'u sitenizden kaldırır ve kod canlı siteden bir sonraki yayınlamayla çıkar.

Bir şey çalışmadığında

  • Panel, bağlanmadan önce sitenizi bir kez yayınlamanızı istiyor: sitenin henüz yayınlanmış bir adresi yok. Yayınlayın, ardından “Check again” düğmesine basın.
  • Panel düzenleme yetkisine ya da sitenin özel kodunu düzenleme iznine ihtiyacınız olduğunu söylüyor: projenin sahibinden düzenleme yetkisi isteyin.
  • Konteyneriniz kuruluyor: birkaç dakika sonra geri gelin. Eklenti, konteyner hazır olur olmaz kodu ekler.
  • SignalHost kodu kapalı: biri onu Site Settings → General → Custom Code bölümünde kapattı. Orada yeniden açın ve yayınlayın.
  • Canlı siteniz okunamadı: SignalHost yayınlanmış sayfanızı getiremedi. Yayınlayın, ardından “Check again” düğmesine basın.
  • Bu sitenin SignalHost'taki bağlantısı kesildi: biri “Bağlı siteler” sayfasında “Bağlantıyı kes” düğmesine bastı. İzlemeye devam etmek için siteyi yeniden bağlayın.
  • SignalHost'a ulaşılamadı: biraz sonra tekrar deneyin.
  • Başka bir sorun varsa: sitenizin adresiyle birlikte hello@signalhost.io adresine yazın.

Ticari markalar

SignalHost, Algorithmo GmbH'nin bağımsız bir ürünüdür; Framer, Google, Meta veya TikTok ile bağlantılı değildir ve bunlar tarafından onaylanmamıştır. Google Analytics, Google Ads ve Google Tag Manager, Google LLC'nin ticari markalarıdır; Meta, Meta Platforms, Inc.'in ticari markasıdır; TikTok, ByteDance Ltd.'nin ticari markasıdır; Framer, Framer B.V.'nin ticari markasıdır.

Reklam engelleyicilere veri kaybetmeyi bırakın

Ücretsiz başlayın. İlk konteynerinizi dakikalar içinde çalıştırın.