SEO içerikleri sunucuda oluşturulmaya devam eder.
Oyun bir çerçeve içinde yüklenirken başlıklar, kılavuzlar, SSS'ler ve şemalar HTML olarak görüntülenebilir.
Astro oyun widget'ı
Statik ve hibrit siteler için Astro oyun widget'ı
Astro siteleri hızlı, indekslenebilir sayfalar sunabilir ve yine de oynanabilir bir oyun sunabilir. Başlıkları, metni ve şemayı Astro sayfasında tutun, Games I Know iframe öğelerini gövdede işleyin ve yalnızca tarayıcı olaylarının gerekli olduğu yerlerde küçük bir istemci komut dosyası veya ada kullanın.
Statik dostu sayfalar
Minimal istemci JS
Dizinlenebilir kopya
iframe çerçeve yolu
Kısa cevap
Bir çerçeve rotası kullanın, ardından sayfa bağlamı ekleyin.
Astro'da, meta veriler ve SSS içeriği içeren indekslenebilir bir sayfa oluşturun, ardından sayfaya embed /embed/{gameSlug}/frame/ ekleyin. GAME_STARTED veya tamamlama olaylarına ihtiyaç duyduğunuzda postMessage için bir istemci komut dosyası ekleyin.
Astro dostu oyun widget'ını deneyin.
Canlı demo, Astro içerik sayfasına yerleştirebileceğiniz iframe ve olay günlüğü modelini yansıtır.
Astro geliştiricileri iframe oyununu ekliyor.
Astro'nun iframe oyun widget'larıyla neden iyi çalıştığı
Astro, içerik açısından zengin sayfalarda mükemmeldir. Oyun iframe içinde kaldığı için oyun mantığını ana pakete dahil etmezsiniz.
Küçük müşteri tabanı
Yalnızca olay dinleyicileri veya tam ekran yardımcıları istemci tarafında JavaScript'a ihtiyaç duyar.
Her yerde aynı embed
Astro, Next.js, WordPress ve özel sitelerde aynı çerçeve URL kalıbını kullanın.
Kurulum akışı
Astro'ya oyun widget'ı nasıl eklenir?
Ön veri meta verileri içeren bir rota oluşturun, iframe öğesini şablona yerleştirin ve tarayıcı mesajlaşmasını bir istemci betiğinde izole edin.
Adım 1
Astro sayfasını oluşturun
Oyuna başlık, açıklama, resmi URL ve faydalı metin ekleyin.
Adım 2
iframe öğesini oluşturun
Sayfa gövdesinde veya küçük bir kısmi bileşende tenantId'nizle birlikte Games I Know çerçeve URL'sini kullanın.
Adım 3
Gerekirse istemci mesajlaşması ekleyin.
iframe'dan gelen postMessage olaylarını dinlemek için bir client:load komut dosyası veya island kullanın.
Adım 4
İmzalı sonuçları sunucu tarafında doğrulayın.
Ödülleri vermeden önce tamamlanmayı doğrulamak için bir API rotası veya arka uç uç noktası kullanın.
Uygulama
Astro uygulama notları
Astro sayfasını SEO yüzeyi, iframe'ı ise oynanabilir uygulama sınırı olarak değerlendirin.
Açılış sayfasını iframe yapmayın.
iframe içinde /embed/{gameSlug}/frame/ kullanın. /embed/{gameSlug}/ adresini normal bir taranabilir bağlantı olarak tutun.
Rezerv iframe yüksekliği
Oyun çerçevesi yüklenirken düzen kaymasını azaltmak için 640 piksele yakın sabit bir yükseklik ayarlayın.
SSS şemasını ekle
Astro sayfasındaki SSS ve Nasıl Yapılır şeması, arama motorlarının ve AI sistemlerinin entegrasyonu anlamasına yardımcı olur.
Mevcut oyunlar
Sayfaya uygun oyunu seçin.
Tic Tac Toe
Embed for same-screen play on your site, or send players to Games I Know to challenge a friend remotely with a room link.
Embed kurulumu
Four in a Row
Embed for local two-player drops on one screen, or link friends to play Four in a Row online from anywhere.
Embed kurulumu
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Embed kurulumu
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Embed kurulumu
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Embed kurulumu
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Embed kurulumu
SSS
Astro oyun widget'ı hakkında sık sorulan sorular
/embed/{gameSlug}/ ile /embed/{gameSlug}/frame/ arasındaki fark nedir?
iframe src'si olarak /embed/{gameSlug}/frame/ yolunu kullanın. Bu yol, web sitesi embed'ları ve postMessage olayları için oluşturulmuş hafif oyun çerçevesidir. /embed/{gameSlug}/ yolu ise, iframe içine yerleştirilecek yol değil, insanlar için genel önizleme ve SEO sayfasıdır.
Ziyaretçilerin bir uygulama indirmesi veya hesap oluşturması gerekiyor mu?
Hayır. Ziyaretçiler iframe uygulamasını telefon, tablet, dizüstü bilgisayar veya masaüstü bilgisayarlarında tarayıcı üzerinden oynayabilirler. İş ortağı hesabı yalnızca embed uygulamasını yükleyen web sitesi sahibi tarafından gereklidir.
embed'ı kendi alan adıma kısıtlayabilir miyim?
Evet. Games I Know ve embed'ler kayıtlı web siteleri ve alan adı kısıtlamalı kiracı ayarları etrafında tasarlanmıştır, bu nedenle kopyalanan iframe kodu yetkisiz sitelerde serbestçe yeniden kullanılamaz.
Şu anda hangi Games I Know başlıkları embed kullanılabilir durumda?
Tic Tac Toe, Four in a Row, Bingo ve I Know, embed destekli tarayıcı oyunları olarak mevcuttur. embed dokümantasyonu, desteklenen oyunlarda aynı olay modelini kullanır.
Astro statik çıkışıyla Games I Know kullanabilir miyim?
Evet. Sayfa içeriği tamamen statik HTML olabilir. iframe, ziyaretçi tarayıcısında çalışma zamanında oyunu Games I Know'dan yükler.
Tarayıcı oyunu eklemeye hazır mısınız?
Bir iş ortağı hesabı oluşturun, alan adınızı kaydedin ve web siteniz için alan adına özel bir iframe oluşturun.