Hesap makinesi widget'ı nedir?
Hesap makinesi widget'ı, tam bir Calculate.Studio hesap makinesinin kendi sayfanızın içinde çalışan küçük ve kendi kendine yeten bir sürümüdür. Teknik olarak bir iframe'dir — bir sayfayı başka bir sayfanın içine gömen HTML öğesi — ve hesap makinesinin hafif gömme sürümüne işaret eder; hemen altında da tek satırlık bir künye paragrafı yer alır. iframe, her modern tarayıcının desteklediği standart bir HTML öğesidir; bu nedenle kurulacak bir şey yoktur ve sitenizin kendi koduyla çakışabilecek hiçbir bileşen bulunmaz.
Widget, Calculate.Studio üzerinde çalışan hesap makinesinin ta kendisidir: aynı test edilmiş formüller, aynı anında istemci tarafı sonuçlar ve sağlık ile finans araçlarında aynı sorumluluk reddi. Ziyaretçileriniz sayılarını girer ve sayfanızdan ayrılmadan sonuçları hemen görür. Hesaplama sunucuda değil ziyaretçinin tarayıcısında yapıldığından widget yoğun trafik altında bile hızlı kalır ve hiçbir ziyaretçi verisi hiçbir yere gönderilmez.
Sitedeki 210 hesap makinesinin tamamı gömülebilir. calculate.studio/en/widgets adresindeki galeride en çok istenenler öne çıkarılır — VKİ, konut kredisi, kredi, yüzde, bileşik faiz, yaş, kalori ve not ortalaması bunlar arasındadır — ayrıca her hesap makinesi sayfasında, paylaşım düğmelerinin yanında o araca ait kodu açığa çıkaran bir Göm düğmesi bulunur.
Nasıl kurulur — genel yöntem
Kurulum tek bir kopyala-yapıştır işleminden ibarettir. Kod iki bölümden oluşur: hesap makinesini gösteren iframe ve tam hesap makinesine ile Calculate.Studio'ya bağlantı veren küçük künye paragrafı. Ücretsiz kullanımın tek koşulu bu künye satırını olduğu gibi bırakmaktır; programı herkes için ücretsiz tutan da budur.
- calculate.studio/en/widgets adresini açın ya da herhangi bir hesap makinesi sayfasında </> Göm düğmesine tıklayın.
- Kodu kopyala'ya tıklayın. Kod panonuza kopyalanır.
- Web sitesi düzenleyicinizde, hesap makinesini istediğiniz sayfanın HTML (kimi zaman “kod” ya da “kaynak” denir) görünümüne geçin.
- Kodu, hesap makinesinin görünmesini istediğiniz yere yapıştırın, ardından kaydedip yayımlayın.
- Sayfayı önizleyin. Hesap makinesi hemen yüklenip hesaplamalı — örnek sayılarla bir kez deneyin.
Platforma özel yönergeler
Web sitesi kurucularının çoğu ham HTML'i özel bir blok ya da öğe aracılığıyla kabul eder; dolayısıyla aynı kod her yerde çalışır. Yalnızca adlandırmalar platforma göre değişir:
| Platform | Kodun yapıştırılacağı yer |
|---|---|
| WordPress (blok düzenleyici) | Bir “Özel HTML” bloğu ekleyip kodu içine yapıştırın. |
| WordPress (klasik düzenleyici) | Düzenleyici sekmesini “Görsel”den “Metin”e alıp yapıştırın. |
| Wix | Bir “HTML Göm” öğesi ekleyip (Ekle → Kod göm → HTML göm) yapıştırın. |
| Squarespace | Sayfa bölümüne bir “Kod” bloğu ekleyip yapıştırın. |
| Shopify | Sayfa ya da blog yazısı düzenleyicisinde <> (HTML'i göster) düğmesine tıklayıp yapıştırın. |
| Webflow | Bir “Embed” bileşeni ekleyip yapıştırın. |
| Düz HTML sitesi | Kodu doğrudan sayfanın HTML'ine, hesap makinesinin görüneceği yere yapıştırın. |
Boyutlandırma, biçimlendirme ve performans
Kod makul bir varsayılanla gelir: tam genişlik (width="100%"), o hesap makinesinin girdi sayısına göre ayarlanmış sabit bir yükseklik ve açık renkli yuvarlatılmış bir kenarlık. Temanız daha uzun ya da daha kısa bir çerçeve gerektiriyorsa yükseklik değerini değiştirebilir, tasarımınıza uyması için kenarlık biçimlendirmesini düzenleyebilir veya kaldırabilirsiniz. Genişlik varsayılan olarak duyarlıdır; bu nedenle widget hiçbir ek işlem gerektirmeden telefonlarda da çalışır.
iframe, widget'ın yüklenmesini ziyaretçi ona yaklaşana dek erteleyen standart bir tarayıcı özniteliği olan loading="lazy" içerir. Bu da bir hesap makinesi gömmenin sayfanızın ilk yüklenme süresine neredeyse hiçbir şey eklemediği anlamına gelir; tarayıcı widget'ı yalnızca görünür olmak üzereyken indirir.
Gömme sayfalarının kendileri, tam hesap makinesi sayfasına işaret eden bir canonical bağlantıyla birlikte noindex olarak işaretlenir; bu da Google'ın gömülü ve yinelenen içerik konusundaki yönlendirmesine uyar. Dolayısıyla bir widget gömmek ne sizin ne de bizim sitemizde yinelenen içerik sorunu yaratabilir.
Tek kural: künye bağlantısını koruyun
Widget programının kayıt gerektirmeden ücretsiz olmasının tek bir koşulu vardır: iframe'in altındaki küçük künye paragrafı — “[Hesap makinesi adı] by Calculate.Studio” yazan satır — yerinde kalmalıdır. Bu, widget'ın altında sessizce duran ve içeriğinizle yarışmayan 12 piksellik bir yazıdır.
iframe'i yeniden boyutlandırmakta, kenarlığını yeniden biçimlendirmekte ve widget'ı ticari siteler, bloglar ve müşteri projeleri dâhil olmak üzere sitenizin herhangi bir yerine yerleştirmekte özgürsünüz. Öne çıkan galeride bulunmayan bir hesap makinesine ihtiyacınız varsa, sitedeki her hesap makinesi sayfasının kendi Göm düğmesi vardır; böylece 210 aracın tamamı kullanılabilir.
Hangi hesap makineleri widget olarak en iyi sonucu verir?
Siteniz için en iyi widget, okurlarınızın bulmak uğruna sayfanızdan ayrılacağı hesap makinesidir. Fitness ve sağlıklı yaşam blogları genellikle VKİ, kalori ya da TDEE hesap makinelerini gömer. Gayrimenkul ve kişisel finans siteleri konut kredisi, kredi ve bileşik faiz hesap makinelerini tercih eder. Öğrenci ve eğitim siteleri not ortalaması ile yüzde hesap makinelerini gömer; genel ilgi alanlı bloglar ise kalıcı değer taşıyan yazılarına sıklıkla yaş hesap makinesini ekler.
Her widget, hesap makinesinin derli toplu bir sürümünü tam sürüme giden bir bağlantıyla birlikte gösterdiğinden — tam sürümde yorumlama tabloları, çözümlü örnekler ve kaynaklar yer alır — okurlarınız sayfanızda anında bir yanıt alır, istediklerinde de daha derin bağlama uzanan bir yol bulur.
Sıkça Sorulan Sorular
Hesap makinesi widget'ı gerçekten ücretsiz mi?
Evet. Kayıt, API anahtarı, kullanım sınırı ya da ücret yoktur. Tek koşul, widget'ın altındaki ve Calculate.Studio'ya bağlantı veren küçük künye satırının yerinde kalmasıdır.
Widget web sitemi yavaşlatır mı?
Hayır. iframe, tarayıcının yerleşik geç yükleme özelliğini kullanır; bu nedenle yalnızca ziyaretçi ona yaklaştığında indirilir ve hesaplama tümüyle ziyaretçinin tarayıcısında çalışır. Sayfanızın ilk yüklenmesine neredeyse hiçbir şey eklemez.
Hesap makinesini ticari bir siteye ya da müşteri sitesine gömebilir miyim?
Evet. Widget'lar, altlarındaki künye bağlantısı korunduğu sürece ticari sitelerde, bloglarda ve müşteri projelerinde ücretsiz kullanılabilir.
Widget'ın boyutunu ya da kenarlığını değiştirebilir miyim?
Evet. iframe'in yükseklik ve kenarlık biçimlendirmesini sitenize uyacak şekilde düzenleyebilirsiniz. Genişlik zaten duyarlıdır (%100); bu nedenle telefonlara ve dar sütunlara kendiliğinden uyum sağlar.
Widget gömmek SEO açısından yinelenen içerik sorunu yaratır mı?
Hayır. Gömme sayfaları, tam hesap makinesi sayfasına işaret eden bir canonical bağlantıyla birlikte noindex olarak işaretlenir; bu da Google'ın belgelenmiş yönlendirmesine uyar. Dolayısıyla arama motorları widget'ı sitenizde yinelenen içerik olarak değerlendirmez.
Kaynaklar
- MDN Web Docs — <iframe>: The Inline Frame element. Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
- MDN Web Docs — Lazy loading (loading attribute). Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading
- Google Search Central — Consolidate duplicate URLs with canonicals. Google. https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
- Google Search Central — Block search indexing with noindex. Google. https://developers.google.com/search/docs/crawling-indexing/block-indexing
- WHATWG HTML Living Standard — The iframe element. https://html.spec.whatwg.org/multipage/iframe-embed-object.html