SEO 콘텐츠는 서버 렌더링 상태를 유지합니다.
제목, 가이드, FAQ 및 스키마는 게임이 프레임에 로드되는 동안 HTML로 렌더링될 수 있습니다.
아스트로 게임 위젯
정적 사이트 및 하이브리드 사이트를 위한 Astro 게임 위젯
Astro 사이트는 빠르고 색인 가능한 페이지를 제공하면서도 플레이 가능한 게임을 제공할 수 있습니다. 제목, 본문, 스키마는 Astro 페이지에 유지하고, Games I Know 및 iframe은 본문에 렌더링하며, 브라우저 이벤트가 필요한 부분에만 작은 클라이언트 스크립트나 Island를 사용하세요.
정적 페이지 친화적
최소 클라이언트 JS
색인 가능한 사본
Iframe 프레임 경로
간단히 답변
프레임 경로를 사용한 다음 페이지 컨텍스트를 추가하세요.
Astro에서 메타데이터와 FAQ 콘텐츠가 포함된 색인 가능한 페이지를 만든 다음, 페이지에 embed /embed/{gameSlug}/frame/을 추가하세요. GAME_STARTED 또는 완료 이벤트가 필요한 경우 postMessage를 위한 클라이언트 스크립트를 추가하세요.
Astro와 호환되는 게임 위젯을 사용해 보세요.
이 라이브 데모는 Astro 콘텐츠 페이지에 배치할 수 있는 iframe 및 이벤트 로그 패턴을 그대로 보여줍니다.
Astro 개발자들이 iframe 게임을 추가합니다.
Astro가 iframe 게임 위젯과 잘 어울리는 이유
Astro는 콘텐츠가 많은 페이지에 특히 적합합니다. 게임은 iframe에 유지되므로 메인 번들에 게임 로직을 포함하지 않고 배포할 수 있습니다.
소규모 고객 기반
이벤트 리스너 또는 전체 화면 도우미만 클라이언트 측 JavaScript이 필요합니다.
어디에서나 동일한 embed
Astro, Next.js, WordPress 및 사용자 정의 사이트에서 동일한 프레임 URL 패턴을 사용하십시오.
설정 흐름
Astro에 게임 위젯을 추가하는 방법
프런트매터 메타데이터가 포함된 경로를 생성하고, 템플릿에 iframe을 배치하고, 브라우저 메시징을 클라이언트 스크립트로 분리합니다.
단계 1
아스트로 페이지를 만드세요
게임 배치 주변에 제목, 설명, 정규 URL 및 유용한 문구를 추가하세요.
단계 2
iframe을 렌더링합니다.
페이지 본문이나 작은 부분 구성 요소에 tenantId를 포함하여 Games I Know 프레임 URL을 사용하십시오.
단계 3
필요한 경우 클라이언트 메시지를 추가하세요.
클라이언트:load 스크립트 또는 Island를 사용하여 iframe에서 발생하는 postMessage 이벤트를 수신하십시오.
단계 4
서명된 결과를 서버 측에서 검증합니다.
보상을 지급하기 전에 완료 여부를 확인하려면 API 경로 또는 백엔드 엔드포인트를 사용하십시오.
구현
Astro 구현 참고 사항
Astro 페이지를 SEO 표면으로, iframe을 실행 가능한 애플리케이션 경계로 간주하십시오.
랜딩 페이지를 iframe하지 마세요
iframe 내부에서 /embed/{gameSlug}/frame/을 사용하세요. /embed/{gameSlug}/을 일반 크롤링 가능한 링크로 유지합니다.
iframe 높이 예약
게임 프레임 로딩 시 레이아웃 이동을 줄이려면 높이를 약 640px로 고정하세요.
FAQ 스키마 추가
Astro 페이지의 FAQ 및 사용 방법 스키마는 검색 엔진과 AI 시스템이 통합을 이해하는 데 도움이 됩니다.
이용 가능한 게임
페이지에 맞는 게임을 선택하세요
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 설정
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 설정
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Embed 설정
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Embed 설정
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Embed 설정
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Embed 설정
자주 묻는 질문
아스트로 게임 위젯에 대한 자주 묻는 질문
/embed/{gameSlug}/과 /embed/{gameSlug}/frame/의 차이점은 무엇입니까?
iframe의 소스 경로로는 /embed/{gameSlug}/frame/을 사용하세요. 이 경로는 웹사이트 embed 및 postMessage 이벤트를 위해 구축된 경량 게임 프레임입니다. /embed/{gameSlug}/ 경로는 공개 미리보기 및 SEO 페이지이며, iframe 내부에 배치할 경로가 아닙니다.
방문객은 앱을 다운로드하거나 계정을 만들어야 하나요?
아니요. 방문자는 휴대폰, 태블릿, 노트북 또는 데스크톱의 브라우저(iframe) 내에서 게임을 즐길 수 있습니다. 파트너 계정은 embed을 설치하는 웹사이트 소유자에게만 필요합니다.
embed을 내 도메인으로 제한할 수 있나요?
예. Games I Know embed은 등록된 웹사이트와 도메인 제한 테넌트 설정을 중심으로 설계되었으므로 복사한 iframe 코드는 승인되지 않은 사이트에서 자유롭게 재사용할 수 없습니다.
현재 어떤 Games I Know 제목들이 embed 사용 가능한가요?
Tic Tac Toe, Four in a Row, Bingo 및 I Know은 embed에서 사용 가능한 브라우저 게임으로 제공됩니다. embed 문서에서는 지원되는 게임 전체에서 동일한 이벤트 모델을 사용합니다.
Astro 정적 출력에서 Games I Know을 사용할 수 있습니까?
네. 페이지 콘텐츠는 완전히 정적인 HTML일 수 있습니다. iframe은 방문자의 브라우저에서 런타임 시 Games I Know에서 게임을 불러옵니다.
브라우저 게임을 추가할 준비가 되셨나요?
파트너 계정을 만들고 도메인을 등록한 다음 웹사이트에 대해 도메인 제한이 있는 iframe을 생성하세요.