Web sitenize oyun nasıl eklenir?

Çoğu web sitesi okunmak, taranmak veya tıklanmak üzere tasarlanmıştır. Bu kullanışlıdır, ancak aynı zamanda statik de hissettirebilir. Basit bir tarayıcı oyunu eklemek, ziyaretçilere uygulama indirmelerini, oyuncu hesabı oluşturmalarını veya sayfanızdan ayrılmalarını istemeden yapacak bir şey sunar.

Web sitenize oyun eklemenin en kolay yolu genellikle bir iframe oyunu embed veya bir oyun widget'ı kullanmaktır. Sayfaya küçük bir HTML kodu yerleştirirsiniz ve oyun kendi içinde çalışan bir çerçeve içinde çalışır. GamesIKnow Embed tam olarak bu iş için tasarlanmıştır: bloglara, WordPress sitelerine, küçük işletme web sitelerine, topluluk sayfalarına, okullara, restoranlara ve geliştirici projelerine uygun hafif tarayıcı oyunları.

Kısa cevap: Bir web sitesine nasıl oyun eklenir?

Web sitenize oyun eklemek için bir tarayıcı oyunu seçin, sağlayıcının iframe veya oyun widget kodunu kopyalayın, CMS'nize veya uygulamanıza yapıştırın, embed'yi mobil cihazda test edin ve oyunla ilgili yardımcı metin içeren sayfayı yayınlayın. Games I Know ve Embed ile iframe, özel bir /embed/{gameSlug}/frame/ URL'si ve iş ortağınızın kurulumundan bir kiracı kimliği kullanır.

1. Sayfaya ve hedef kitleye uygun bir oyun seçin.
2. embed platformu tarafından sağlanan iframe çerçeve URL'sini kullanın.
3. iframe kodunu WordPress'e, bir web sitesi oluşturucuya veya React/Next.js bileşenine yapıştırın.
4. Sabit bir yükseklik ayarlayın, başlık özelliğini netleştirin, tembel yüklemeyi etkinleştirin ve tam ekran desteğini etkinleştirin.
5. Yayınlamadan önce sayfayı mobil ve masaüstü cihazlarda önizleyin.

Bir web sitesi için oyun widget'ı nedir?

Bir web sitesi oyun widget'ı, normal bir web sayfasının içinde yer alan küçük, oynanabilir bir tarayıcı oyunudur. Çoğu pratik kurulumda, widget bir iframe'dır: oyun sağlayıcı tarafından barındırılırken, siteniz çevreleyen makale, açılış sayfası, kaynak sayfası veya işletme sayfası içeriğini kontrol eder.

Web sitenize neden oyun eklemelisiniz?

Bir oyun, sitenizi bir oyun portalına dönüştürmek zorunda değildir. Birçok web sitesi için en iyi kullanım, daha büyük bir sayfanın içinde küçük bir etkileşimli an olabilir: bir blog yazısında hızlı bir etkinlik, bir restoranın QR sayfasında bekleme salonu oyunu, bir okul sitesinde sınıf etkinliği veya bir topluluk sayfasında eğlenceli bir mola.

• Oyunlar, statik bir sayfanın daha ilgi çekici görünmesine yardımcı olabilir.
• Ziyaretçiler sayfadan ayrılmadan yapacak bir şeyler buluyorlar.
• Bloglar ve topluluk siteleri, sayfaya basit bir etkileşim eklendiğinde daha akılda kalıcı hale gelebilir.
• Küçük işletmeler, tamamen özel bir uygulama geliştirmeye gerek kalmadan eğlenceli bir dokunuş ekleyebilirler.
• Geliştiriciler ve ajanslar, küçük ve izole edilmiş bir iframe ile etkileşimli bir web sitesi bileşeni ekleyebilirler.

Bir web sitesine oyun eklemenin en iyi yolları

Bir web sitesine oyun eklemenin çeşitli yolları vardır. En iyi seçenek, kullandığınız platforma, ne kadar kontrol istediğinize ve oyunu kendiniz geliştirmek isteyip istemediğinize bağlıdır.

Bir iframe oyunu kullanın embed

iframe embed genellikle en hızlı yoldur. Oyun sağlayıcı tarafından barındırılırken, sayfanız oyun için bir alan ayırır. Bu, oyun çalışma zamanını sayfa kodunuzdan ayrı tutar ve kod parçasının birçok platformda çalışmasını sağlar.

Oyun widget'ı kullanın

Bir oyun widget'ı genellikle iframe artı yararlı varsayılan değerlerden oluşur: önerilen boyut, net bir başlık, tam ekran desteği ve bazen ana sayfanızın alabileceği olay mesajları. Bu, GamesIKnow Embed'in arkasındaki pratik modeldir.

HTML5 oyunları ekleyin

Modern tarayıcı oyunları genellikle HTML5 oyunları olarak tanımlanır çünkü telefon, tablet, dizüstü bilgisayar ve masaüstü bilgisayarlarda tarayıcıda çalışırlar. Kendi HTML5 oyununuzu barındırabilirsiniz, ancak çoğu web sitesi sahibi oyun motorunu, varlıkları, mobil düzeni ve hata düzeltmelerini kendileri yönetmek zorunda kalmamak için bir embed platformunu tercih eder.

Özel HTML bloğu kullanarak WordPress'e oyunlar ekleyin.

WordPress'te en basit yol, özel bir HTML bloğu kullanmaktır. iframe kod parçasını yapıştırın, sayfayı önizleyin ve çevredeki metni ve düzeni ayarlayın. WordPress kurulumunuz iframe etiketlerini kaldırıyorsa, yönetici yetkisine veya allowed-iframe eklentisine ihtiyacınız olabilir.

React veya Next.js'da oyunlar ekleyin.

React veya Next.js kullanıyorsanız, iframe'i bir bileşen olarak oluşturun ve çerçeve src'sini sabit tutun. Analiz veya oyun olayları istiyorsanız, istemci bileşeninde Games I Know çerçevesinden gelen güvenilir postMessage olaylarını dinleyin.

Sıfırdan özel bir oyun geliştirin.

Oyunun kendisi ürününüz olduğunda özel bir oyun iyi bir seçenek olabilir. Normal bir blog, ajans sitesi, okul sayfası veya yerel işletme sayfası için ise genellikle daha hızlı ve bakımı daha kolaydır.

En kolay seçenek: GamesIKnow Embed kullanın

GamesIKnow Embed, web sitesi sahiplerinin beta sürecinde basit bir iframe ile ücretsiz tarayıcı oyunları eklemelerine olanak tanır. Ziyaretçiler, uygulama indirmeden ve oyuncu kaydı yaptırmadan tarayıcıda oynayabilirler. Oyunlar hafif, mobil uyumlu ve tam bir oyun platformu yerine hızlı bir etkileşim bloğu istediğiniz sayfalar için tasarlanmıştır.

Mevcut embed oynanabilir oyunlar arasında Tic Tac Toe, Four in a Row, Bingo, I Know, Sudoku ve Kelime Arama bulunmaktadır. Bu oyunlar bloglar, okullar, restoranlar, topluluk web siteleri, küçük işletme sayfaları, iç portallar ve basit bir tarayıcı oyun widget'ına ihtiyaç duyan geliştirici siteleri için idealdir.

Örnek embed kodu

Games I Know, web sitesi embed'ler için özel bir iframe çerçeve rotası kullanır. Genel /embed/{gameSlug}/ sayfası, insan tarafından okunabilir açılış sayfasıdır. iframe src'si, iş ortağı kontrol panelinden aldığınız kiracı kimliğinizle birlikte /embed/{gameSlug}/frame/ kullanmalıdır.

<iframe
  src="https://gamesiknow.com/embed/tic-tac-toe/frame/?tenantId=YOUR_TENANT_ID"
  title="Tic Tac Toe by Games I Know"
  width="100%"
  height="640"
  style="border:0;border-radius:16px;max-width:420px;display:block;margin:0 auto;"
  loading="lazy"
  allow="fullscreen"
  allowfullscreen
></iframe>

Yukarıdaki canlı demo, Games I Know demo kiracısını kullanmaktadır. Kendi web siteniz için bir iş ortağı hesabı oluşturun, alan adınızı kaydedin ve çerçeveyi onaylanmış sitenize bağlamak için kontrol paneli tarafından oluşturulan kiracıyı veya embed anahtar değerlerini kullanın.

WordPress'e oyun nasıl eklenir?

1. Oyunun görünmesini istediğiniz WordPress sayfasını veya gönderisini açın.
2. Oyunun oynanacağı bölümün yakınına özel bir HTML bloğu ekleyin.
3. Games I Know iframe snippet'ini embed kontrol panelinizden yapıştırın.
4. Masaüstü ve mobil cihazlarda önizleme yapın, ardından gerekirse çevredeki bölüm metnini düzenleyin.
5. Oyunun boyutu, başlığı ve düzeni uygun göründüğünde sayfayı yayınlayın.

React'e oyun nasıl eklenir?

React için, iframe bileşenini basit tutun. Sabit bir çerçeve URL'si geçirin, erişilebilirlik için net bir başlık belirleyin, makul bir yükseklik ayırın ve yalnızca uygulamanızın embed olaylarına ihtiyacı varsa postMessage işleme ekleyin.

const gameSrc = "https://gamesiknow.com/embed/tic-tac-toe/frame/?tenantId=YOUR_TENANT_ID";

export function GameEmbed() {
  return (
    <iframe
      src={gameSrc}
      title="Tic Tac Toe by Games I Know"
      width="100%"
      height={640}
      style={{
        border: 0,
        borderRadius: 16,
        maxWidth: 420,
        display: "block",
        margin: "0 auto",
      }}
      loading="lazy"
      allow="fullscreen"
      allowFullScreen
    />
  );
}

Next.js'da oyunlar nasıl eklenir?

Next.js içinde, oyunla ilgili yararlı başlıklar, metinler ve SSS içerikleriyle sayfanın kendisinin indekslenebilir olmasını sağlayın. iframe bir sunucu bileşeninde oluşturulabilirken, herhangi bir postMessage dinleyicisi bir istemci bileşeninde yer almalıdır.

const gameSrc = "https://gamesiknow.com/embed/tic-tac-toe/frame/?tenantId=YOUR_TENANT_ID";

export default function GamesPage() {
  return (
    <main>
      <h1>Play Tic Tac Toe</h1>
      <iframe
        src={gameSrc}
        title="Tic Tac Toe by Games I Know"
        width="100%"
        height={640}
        style={{
          border: 0,
          borderRadius: 16,
          maxWidth: 420,
          display: "block",
          margin: "0 auto",
        }}
        loading="lazy"
        allow="fullscreen"
        allowFullScreen
      />
    </main>
  );
}

Bir web sitesine oyun eklemek için en iyi yerler

• Konuyla uyumlu, kısa ve etkileşimli bir ara içeren blog yazıları.
• Tekrar tekrar ziyaret edenleri çeken kaynak sayfaları.
• Topluluk sayfaları, kulüp sayfaları ve yerel grup siteleri.
• Okul etkinlik sayfaları ve sınıf kaynak merkezleri.
• Restoran bekleme sayfaları, menü QR sayfaları ve etkinlik sayfaları.
• Teklifin desteklenmesi için küçük bir etkileşimin yer aldığı açılış sayfaları.
• 404 sayfa veya eğlenceli sayfalar, oyunbazlığın beklendiği sayfalar.

Başlamak için en iyi Games I Know oyunları

Oyun eklemeden önce ipuçları

• Oyunu her makaleye eklemek yerine, sayfanın konusuyla alakalı tutun.
• Yayınlamadan önce iframe'ı mobil cihazda test edin.
• Bir sayfayı çok fazla aktif embed ile aşırı yüklemeyin.
• İlk görüntüleme alanının altında görünen iframe kod parçacıkları için tembel yüklemeyi kullanın.
• Oyunun oynanışının kolay olması ve garip sayfa geçişlerinin olmaması için iframe yüksekliğini makul seviyede tutun.
• Yardımcı teknolojilerin embedded oyunu tanımlayabilmesi için açık bir başlık özelliği kullanın.
• Etkileşim verileri sizin için önemliyse, tıklamaları, başlatmaları veya tamamlanan turları analiz araçlarıyla takip edin.

Hızlı kontrol listesi

1. Oyunu seçin ve sayfanın amacına uygun olduğundan emin olun.
2. iframe çerçevesinin içinde özel Games I Know çerçeve URL'sini kullanın.
3. Sayfanın SEO değerini korumak için oyunla ilgili faydalı metinler ekleyin.
4. Sayfayı telefonunuzda, tabletinizde ve masaüstü bilgisayarınızda önizleyin.
5. Yayınlayın ve ardından ziyaretçilerin widget'ı gerçekten kullanıp kullanmadığını izleyin.