게시물과 페이지에서 작업
블로그 게시글, 소개 페이지, 이벤트 페이지 또는 회원 자료 섹션에 게임을 추가하세요.
스퀘어스페이스 게임 위젯
Squarespace 페이지 및 블로그용 게임 위젯
Squarespace 게시자는 코드 블록을 사용하여 브라우저 게임을 추가할 수 있습니다. Games I Know iframe 코드를 붙여넣고 모바일에서 페이지를 미리 보면 블로그 게시물, 랜딩 페이지 또는 리소스 섹션 내에서 방문자에게 다운로드 없이 즐길 수 있는 게임을 제공할 수 있습니다.
코드 블록 embed
블로그 및 페이지 지원
반응형 iframe
플러그인이 필요하지 않습니다.
간단히 답변
프레임 경로를 사용한 다음 페이지 컨텍스트를 추가하세요.
Squarespace에서 코드 블록을 추가하고 Games I Know iframe를 붙여넣은 다음, /embed/{gameSlug}/frame/에 테넌트 ID를 입력하세요. 게시하기 전에 모바일 화면 크기로 미리 보기를 하세요.
Squarespace 스타일의 게임 위젯을 사용해 보세요.
아래의 iframe 패턴을 Squarespace 코드 블록에 붙여넣을 수 있습니다.
Squarespace 사이트 소유자 및 제작자
Squarespace 사이트에서 게임 위젯을 사용하는 이유는 무엇일까요?
Squarespace 사용자들은 대부분 맞춤형 페이지 제작보다는 하나의 인터랙티브 블록이 포함된 깔끔한 페이지를 원합니다.
간단한 코드 블록 설정
Squarespace 요금제에서 사용자 지정 코드 작성을 허용하는 경우 iframe 마크업을 직접 붙여넣으세요.
모바일 친화적인 게임
Games I Know 프레임은 일반 콘텐츠 열 내에서 세로형 휴대폰 레이아웃에 맞게 제작되었습니다.
설정 흐름
스퀘어스페이스에 게임 위젯을 추가하는 방법
페이지를 편집하고, 코드 블록을 삽입하고, iframe을 붙여넣은 다음, 게시하기 전에 미리 보기를 확인하세요.
단계 1
Squarespace 페이지를 편집하세요
게임이 있어야 할 페이지나 블로그 게시물을 여세요.
단계 2
코드 블록을 추가하세요
코드 블록을 삽입하고 승인된 도메인에 대한 Games I Know iframe 코드 조각을 붙여넣으세요.
단계 3
간격을 조정하세요
블록 위아래에 여백을 추가하여 게임 화면이 인접한 섹션에 너무 가깝게 붙지 않도록 하세요.
단계 4
게시 및 테스트
휴대폰과 데스크톱에서 미리 보기를 한 후, iframe이 제대로 로드되고 재생되면 게시하세요.
구현
Squarespace 배치 참고 사항
Squarespace 테마는 열 너비를 제어하므로 게임 출시 전에 실제 템플릿 내에서 게임을 테스트해 보세요.
메인 컬럼을 선호합니다
측면이 좁은 영역은 피하세요. iframe에는 히어로 이미지나 비디오에 사용하는 것과 동일한 너비를 지정하세요.
코드 권한을 확인하세요
Squarespace의 일부 요금제는 코드 블록 사용에 제한이 있습니다. 사이트에서 사용자 지정 코드 사용이 허용되어 있는지 확인하세요.
설명 문구를 추가하세요
페이지가 독자와 검색 엔진 모두에게 유용하도록 제목과 간단한 소개를 포함하세요.
이용 가능한 게임
페이지에 맞는 게임을 선택하세요
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 문서에서는 지원되는 게임 전체에서 동일한 이벤트 모델을 사용합니다.
Squarespace 블로그 게시물에 embed Games I Know을 사용할 수 있나요?
네. 게시글 본문 안에 코드 블록을 추가하고 iframe 코드 조각을 붙여넣으세요. 주변 텍스트는 그대로 유지하여 게시글의 가독성과 검색 엔진 최적화(SEO) 가능성을 높이세요.
브라우저 게임을 추가할 준비가 되셨나요?
파트너 계정을 만들고 도메인을 등록한 다음 웹사이트에 대해 도메인 제한이 있는 iframe을 생성하세요.