Biliyor muydunuz? 2025 yılında Amerikalıların %62’sinin hisse senedi sahibi olduğunu bildirdiği kaydedildi — Gallup’a göre bu oran 2023’ten beri sabit. Piyasaların nerede olduğuna ilgi duyan geniş bir kitle bu demektir.
Web sitenizde canlı piyasa rakamlarına mı istiyorsunuz — bir finans blogundaki izleme listesi, bir proje sayfasındaki kripto fiyatları, başlıklarınızda birkaç ticker — ve geleneksel çözümler genelde yetersiz kalır. Büyük finans portallarının ücretsiz gömülü çözümleri önceden markalanmıştır ve stil açısından sınırlıdır; kopyala-yapıştır iframe’lar düzeninizi bozabilir ve kendi çözümünüzü yazmak ise bir API ile bir grafik kütüphanesini kullanmayı gerektirir.
Elfsight Stocks widget, a no-code tool that displays stocks, forex pairs, and crypto as a scrolling ticker, cards, a table, or a list. Values update automatically without a page reload, the look is customizable, and the embed works on any website that accepts a custom HTML block.”>Kolay olan seçenek, Elfsight Stocks widget, kod gerektirmeyen bir araç olup, hisse senetlerini, forex çiftlerini ve kriptoyu kaydırmalı bir ticker, kartlar, tablo veya liste olarak gösterir. Değerler sayfa yeniden yüklenmeden otomatik olarak güncellenir, görünüm özelleştirilebilir ve gömme, özel HTML bloğu kabul eden herhangi bir sitede çalışır.
- Kod Gerektirmeden En Hızlı Hisse Senedi Gösterge Ekleme
- Kullanılabilir Yöntemler: Çaba, Kontrol ve Maliyet Karşılaştırması
- Web sitenizde beş düzenin hangisi nerede uyum sağlar
- Bariz olanın ötesine geçen kurulum ve optimizasyon ipuçları
Hızlı Başlangıç: Web Sitenize Hisse Senedi Takipçisini Ekleyin
Sadece canlıya almak istiyorsanız ve her seçimin arkasındaki gerekçeye ihtiyaç duymuyorsanız, bu dört adım sizi hedefinize götürür.
- Hisse Senedi Widget Düzenleyicisi ve bir şablon seçin.
- Göstermek istediğiniz varlıkları ekleyin.
- Web sitene ücretsiz eklemek için “Web sitene ücretsiz ekle” düğmesine tıkla ve gömme kodunu oluştur.
- Kodu sitenizdeki özel HTML bloğuna yapıştırın ve yayımlayın.
Aşağıdaki Etkileşimli Editörde Hisse Senedi Göstergeinizi Oluşturun ↓
Web Sitenizde Hisse Senedi Fiyat Takipçisini Göstermenin En İyi Yöntemleri
Bir yol üzerinde karar vermeden önce gerçekçi seçeneklerin nasıl karşılaştırıldığını görmek faydalı olur — çünkü “en iyi” hisse senedi gösterge sitesi kurulumunun tamamı, ne kadar kontrol ve bakım yapmaya istekli olduğunuzla ilgili.
| Yöntem | Zorluk | Özelleştirme | Otomatik Güncellemeler | Maliyet |
|---|---|---|---|---|
| Elfsight Hisse Senedi Widgetı | Kod yok | Yüksek (düzen, renkler, yazı tipleri, CSS) | Evet | Ücretsiz Plan / Ücretli Katmanlar |
| Bir finansal veri portalından gömülebilir widget | Kopyala Yapıştır | Düşük (sağlayıcının şablonları) | Evet | Genelde Ücretsiz |
| Manuel iframe / piyasa verisi API’si | Geliştirici | Tam (siz kurarsınız) | Koduza bağlı. | Ücretsizten Ücrete API |
Elfsight widget’ı, kod yazmadan tasarım üzerinde kontrol isteyen herkes için uygundur. Finansal veri portalından ücretsiz gömülebilir bir widget, sağlayıcının marka ve stil sınırlamalarını kabul ediyorsanız en hızlı entegre çözümdür.
Düzen ve Yerleşim: Hisse Senedi İzleyicisini Nerede Yerleştireceksiniz
Bir düzen seçmek gerçekten bir tasarım sorusu değildir — bu stratejik konumlandırma sorusudur. Hisse senedi ticker’ınız sitenizde nerede göründüğü, beş düzen içinden hangisinin gerçekten işe yaradığını belirler, bu yüzden önce buna karar vermek faydalı olur.
Yerleşimi bulunduğu sayfaya uyumlu hale getirin
Her düzenin doğal bir yeri vardır. Stil düşünmeden önce sayfada nerede görünmesini istediğinizi belirleyin.
| Düzen | En İyi Konum | Neden Uygun? |
|---|---|---|
| Ticker (Topbar modu) | Tüm sayfaların üstünde site genel şeridi | Sürekli bir “piyasa nabzı” bandı, haber sitesi başlık akışı gibi |
| Borsa İzleyici (Satır İçi Mod) | Bir makale veya bölüm içinde | İçerik içinde konumlanan, üstte sabitlenmeyen bir kayan satır |
| Kartlar Izgarası / Kartlar Yığı | Ana sayfa veya gönderide öne çıkan bir blok | Gözleri çeken mini grafiklerle daha büyük kartlar; dar ekranlarda kartlar tek tek kaydırılır. |
| Tablo | Özel bir “Piyasalar” sayfası | Sıralanabilir sütunlar ve yan yana karşılaştırma için Hacim alanı |
| Liste | Bir yan çubuk ya da dar sütun | 300–500px genişliğe sığan kompakt dikey satırlar |
İki pratik not: Birincisi, üst kısmı kapatan içerikler ana mesajınızla yarışır — açılış sayfasında tam bir Üst Çubuk Ticker’ı, çağrınıza odaklanmayı zorlaştırabilir; bu yüzden piyasa verilerinin gerçekten odak noktası olduğu içerikler için kullanın. İkincisi, Ticker ve Listeler, dar mobil genişliklerinde en zarif şekilde çalışır; geniş çok sütunlu ızgaralar ve tablolar yeniden akışa girer, ancak yayımlamadan önce bir telefonda kontrol edin.
Web Siteniz İçin Doğru Araç mı?
Uyum konusunda dürüst olmak önemli; widget bazı şeyleri iyi yapıyor, bazıları ise hiç yapmıyor.
İyi için: özenle seçilmiş bir izleme listesi, bir finans blogundaki piyasa bağlamı, bir proje sitesindeki kripto fiyatları, seyahat veya para transferi sitesindeki forex çiftleri veya güncel olduğunuzu gösteren güvenilirlik unsuru.
Bu araç için tasarlanmamıştır: bir ticaret panosu, gerçek zamanlı karar aracı veya temel veriler ile tarama terminali.
Alıntılar düzenli olarak güncellenir ancak gerçek zamanlı olması garanti değildir; varlık kataloğu her borsadaki her simge yerine özenle seçilmiş 100’den fazla simgeden oluşur ve veri alanları yalnızca fiyat, değişim, hacim ve mini grafik ile sınırlıdır — piyasa değeri, P/E veya kazanç verileri yok.
Sıfırdan Hisse Senedi İzleyici Widget’ını Kurun
Yerleşim belirlendikten sonra tam adımlar burada — WordPress, Shopify veya elle kodlanmış bir web sitesi için de aynı akış geçerli.
Adım 1: Başlangıç Şablonunu Seçin
Düzenleyiciyi açın; 20+ hazır başlangıç noktası içeren bir şablon galerisine gidersiniz. Öncelikle hedefinize en yakın olanı seçin; böylece sıfırdan kurmaya başlamadan mevcut şablonu özelleştirirsiniz.
Popüler Seçenekler
- Hisse Senedi Açık Tema / Hisse Senedi Koyu Tema — çoğu web sitesine uyum sağlayan nötr başlangıç noktaları.
- ABD Teknoloji Hisse Senetleri Ticker / Ticker Tape — Başlık bandı için önceden hazırlanmış kayan şeritler.
- En Popüler Kripto Paralar — hedef kitleniz kriptoya odaklıysa ideal bir ızgara.
Şablonlar yalnızca varsayılanları belirler — renk, düzen ve varlıklar sonradan düzenlenebilir, bu tercihi çok düşünmeyin. Devam etmek için “Bu şablonla devam et” tıklayın.
Adım 2: Varlıklarınızı Ekleyin
Sonra, Varlıklar sekmesini açın. Burada izleme listenizi oluşturursunuz. Arama panelini açmak için Varlık Ekle düğmesini tıklayın; burada Tümü, Hisse Senetleri, Döviz veya Kripto filtreleyip alfabetik kataloğu arayabilirsiniz.
Tek bir widget’te varlık türlerini serbestçe karıştırabilirsiniz — birkaç teknoloji hissesinin Bitcoin ve bir para birimi çiftiyle birlikte kullanılması gayet uygundur.
Adım 3: Düzeni seçin
Şimdi Yerleşim sekmesine geçin ve varlıkların nasıl düzenleneceğini seçin. Bu adım en uzun süren adımdır — zamanınızı ayırın, çünkü düzen, sayfadaki widget’ın nasıl okunacağını belirler.
Beş farklı düzen mevcut
- Kartlar Izgarası — çok sütunlu varlık kartları ızgarası; fiyat, değişim ve mini grafik.
- Kartlar Yığını — tek kart, sayfalama noktalarıyla kaydırılabilir bir karusel içinde.
- Ticker — Kaydırmalı başlık, İçeride (Inline) veya Üst Çubuk (Topbar) görünüm modu ve Kaydırma Hızı kaydırıcısı.
- Tablo — Hacim alanı dahil sıralanabilir sütunlar; özel piyasalar sayfası için en uygunu.
- Liste — kenar çubuğu için uygun, kompakt dikey satırlar.
Kendinizden emin değilseniz, Ticker düzeni sitenizin başlıklarının yaklaşık %80’ine uyuyor — kompakt, hareketle dikkati çeker ve mobilde zarifçe küçülür. Karşılaştırma amacıyla Table kullanın; çünkü yatay alan gerekir.
Adım 4: Gösterim Seçeneklerinizi Ayarlayın
Bir düzen seçildiğinde, her varlığın gösterdiğini ince ayarlayın. Tüm düzenler için ortak kontroller — Varlık Simgesini Göster, Mini Grafik Göster ve Fiyat Değişim Biçimi (Değer, Yüzde ya da her ikisi) — tüm düzenlerde görünür. Ticker düzeni bir Kaydırma Hızı kaydırıcısı ve Üst Çubuğu anahtarı ekler; Tablo düzeni ise tek tek sütunları açıp kapamanıza olanak tanır.
Tablo Sütunları
- Fiyat — güncel teklif.
- Değişim (Mutlak) — dolar hareketi.
- Değişim (%) — yüzde hareketi.
- Hacim — fiyat ve değişimin ötesinde ek veri alanı.
- Küçük Grafik — satır içi kısa çizgi grafiği.
Bu widget’ın sunduğu tüm veri alanları budur. Piyasa değeri, F/K oranı veya günlük aralık bulunmuyor — temel göstergeleri göstermek istiyorsanız, bu noktada beklentileri ayarlamalısınız.
Adım 5: Temayı Özelleştir
Açın Tema sekmesini ve widget’inizi markanıza uyumlu hâle getirmek için Tema Özelleştir‘e tıklayın.
Özelleştirilebilir Öğeler
- Arka plan ve çizgi renkleri
- Fiyat artış/azalış parametreleri
- Widget Başlığı Boyutu ve Rengi
- Köşe Yarıçapı
- Yazı Tipi ve Metin Rengi
Kodlama konusunda rahat hissediyorsanız ve daha ince kontrol istiyorsanız, Özel CSS ve Özel JS alanları da mevcut.
Adım 6: Dil ve Ayarları Ayarlayın
Ayarlar sekmesinde arayüz dilini belirleyebilir, Metinleri Düzenle ile arayüz metinlerini yeniden yazabilir ve Özelleştirilmiş CSS ya da Özelleştirilmiş JS editörlerini açabilirsiniz.
Adım 7: Kodu alın ve web sitenize ekleyin
Widget doğru göründüğünde, “Web Sitenize Ücretsiz Ekle” düğmesine tıklayarak kurulum kodunuzu oluşturun, ardından ticker’ın görünmesini istediğiniz her yere bu kod parçacığını yapıştırın. Kod, özel HTML bloğu kabul eden herhangi bir platformda çalışır; WordPress, Shopify, Wix, Squarespace ve Webflow dahil. Kurulum adımları platforma göre hafifçe değişir — CMS’e özgü adım kılavuzları için bağlantıları izleyin.
WordPress’te en yaygın hedef: sayfanızı Blok Düzenleyici’de açın, Özel HTML bloğu ekleyin, kodu yapıştırın ve yayınlayın. Bu, kurulumun tamamıdır.
Hızlı Sorun Giderme Kontrolü
- Widget görünmüyor: Kodu bir Özel HTML bloğuna eklediğinizden emin olun; standart Paragraf veya Metin bloğuna değil.
- Yalnızca sayfa yenilendikten sonra görüntülenir: AJAX gezinme kullanan temalarda, platform betiğinin sayfanın <head> bölümüne yüklenmesi gerekebilir.
- Eski sürüm hâlâ görünüyor: Yapıştırdıktan sonra önbellek eklentisini veya CDN önbelleğini temizleyin.
- Scrollbars inside the widget: Gömme kapsayıcısı çok dar — kaydırma çubukları yok olana kadar HTML bloğunu genişletin.
Web Sitenize Hisse Senedi Gösterge Eklemenin Başka Yöntemleri
Widget tek yol değildir; ihtiyaçlarınıza bağlı olarak farklı bir yöntem daha uygun olabilir.
Bir finansal veri portalinden gömülebilir widget
Birçok piyasa verisi sitesi, sayfanıza ekleyebileceğiniz ücretsiz, kopyala-yapıştır ticker widget’ları sunar.
- Veri Portalı’nın Widget Oluşturucusunu açın ve bir gösterge (ticker) veya sembol listesi widget’ı seçin.
- Sembolleri seçin ve temel bir renk şeması belirleyin.
- Oluşturulan gömme kodunu kopyalayın.
- Sayfanızdaki özel HTML bloğuna yapıştırın.
Manuel iframe veya piyasa verisi API’si
Geliştirme kaynaklarınız varsa, kendi ticker’ınızı kendiniz oluşturabilirsiniz. Bazı kişiler web sitesi kullanımı için ücretsiz hisse senedi ticker kodları arar ve bunları bir piyasa verisi API’si ile bir grafik kütüphanesinden oluşturarak birleştirir.
- Piyasa verisi API’sine kaydolun ve bir API anahtarı alın.
- Alıntıları almak ve yenileme aralığını yönetmek için kod yazın.
- Değerleri bir grafik kütüphanesiyle veya kendi işaretlemelerinizle gösterin.
- Sonucu iframe veya satır içi betik ile gömün.
Hisse Senedi Ticker’ınız İçin Optimizasyon İpuçları
Çalışır durumda bir widget’iniz var — bunlar, sadece çalışan ile sayfada yer edinmeyi sağlayan ayarlardır.
- İzleme Listesini Sıkı Tutun. Beş ila on ilgili varlık, elli varlık içeren bir listeye göre çok daha okunaklıdır. Odaklanmış bir liste editöryal yargıyı gösterir; kapsamlı bir liste ise bulabildiğiniz her sembolü eklediğinizi gösterir.
- Yakında gecikmeli veri uyarısı ekleyin. Kısa bir satır gibi “Alıntılar gecikmiş olabilir ve yalnızca bilgilendirme amacıyla kullanılır” sizi yayıncı olarak korur ve doğru beklentiler belirler; çünkü widget gerçek zamanlı bir ticaret akışı değildir.
- Varlıklarınızı periyodik olarak kontrol edin. Hisseler yeniden adlandırılabilir veya listeden çıkarılabilir — özellikle kripto — bu yüzden widget’ı arada bir kontrol edin ve hala istediğiniz şeyi gösterdiğinden emin olun.
- Genişliği kapsayıcısına göre eşleştirin. 1200px’lik bir göstergenin tam genişlikteki bir şeritte olması gerekir; aynı genişliği bir yan çubuğa koyarsanız taşma veya kaydırma çubukları oluşur. Bulunduğu alana göre boyutlandırın.
Sıkça Sorulan Sorular
Herhangi bir web sitesi oluşturucusuna bir hisse ticker’ı ekleyebilir miyim?
Mobilde stok ticker doğru şekilde görüntülenecek mi?
Hisse senedi piyasası verileri ne kadar güncel?
Web sitenizdeki hisse senedi fiyatı widget’ı hangi varlıkları gösterebilir?
Hisse Senedi Ticker’ınızın Görünümünü Özelleştirebilir misiniz?
Sonuç
Web sitenize bir hisse senedi ticker’ı eklemek üç karara bağlıdır: nerede bulunacağı, bu konuma hangi beş yerleşimden uygun olanı ve izleyeceğiniz varlıklar. Bunlar belirlendikten sonra kurulum no-code bir akıştır: bir şablon seçin, varlıklarınızı ekleyin, stil verin ve tek bir snippet yapıştırın. Widget, özenle derlenmiş katalog üzerinden hisse senetleri, döviz ve kriptoyu kapsar; otomatik olarak güncellenir ve net sınırlar içinde kalır: güvenilirlik için piyasa bağlamı sağlar, işlem terminali değildir.
Yerleşiminizi ve varlıklarınızı belirlediyseniz, bir sonraki adım Hisse Senedi Widget Düzenleyicisi açıp oluşturmaya başlayın — ya da uyumlu olduğundan emin olmak için önce tam Özellik Listesini inceleyin.
