코딩 없이 워드프레스 웹사이트에 무료 브라우저 게임을 추가하는 방법

많은 워드프레스 웹사이트는 읽고, 훑어보고, 클릭해서 넘어가는 것을 염두에 두고 설계되었습니다. 이는 블로그, 비즈니스 페이지, 자료 허브에는 효과적이지만, 정적인 느낌을 줄 수도 있습니다. 간단한 브라우저 게임을 추가하면 방문자에게 앱을 다운로드하거나 사이트를 떠나지 않고도 상호작용할 수 있는 요소를 제공할 수 있습니다.

Games I Know은 Tic Tac Toe, Four in a Row, Bingo, I Know과 같은 가벼운 브라우저 게임을 제공합니다. Games I Know의 Embed 브라우저 게임 WordPress 플러그인을 사용하면 iframe HTML 코드를 직접 붙여넣는 대신 블록 편집기나 숏코드를 통해 이러한 게임을 추가할 수 있습니다.

간단히 말해서, 워드프레스에 게임을 추가하는 방법은 무엇인가요?

Embed 브라우저 게임(제작자: Games I Know)을 설치하고, Games I Know > 설정에서 파트너 ID를 추가한 다음, Games I Know 게임 블록 또는 `[gamesiknow]` 숏코드를 삽입하세요. 데스크톱과 모바일에서 페이지를 미리 보고 게시하면 방문자는 앱을 다운로드할 필요 없이 브라우저에서 바로 게임을 즐길 수 있습니다.

워드프레스 웹사이트에 브라우저 게임을 추가하는 이유는 무엇일까요?

브라우저 게임을 만든다고 해서 꼭 사이트를 게임 포털로 바꿀 필요는 없습니다. 많은 워드프레스 사이트에서 브라우저 게임은 더 큰 페이지 안에 작은 인터랙티브 요소를 추가하는 데 가장 효과적입니다. 예를 들어 블로그 게시물 끝부분의 간단한 활동, 레스토랑 대기실 게임의 경우, 수업 활동, 또는 커뮤니티 사이트의 즐거운 휴식 시간 등으로 활용할 수 있습니다.

• 콘텐츠에 적합한 게임은 참여도와 페이지 체류 시간을 높일 수 있습니다.
• 방문객들은 워드프레스 사이트를 떠나지 않고도 할 일을 찾을 수 있습니다.
• 블로그 게시물과 랜딩 페이지는 간단한 인터랙티브 요소를 추가하면 더욱 기억에 남을 수 있습니다.
• 학교, 지역 사회 및 지역 기업은 맞춤형 앱을 개발하지 않고도 재미있는 콘텐츠를 추가할 수 있습니다.
• 브라우저 게임은 즉시 실행되므로 앱 스토어에서 다운로드할 필요가 없습니다.
• 호스팅된 embed으로 충분한 경우, 처음부터 사용자 지정 게임을 구축하는 것을 피할 수 있습니다.

이것은 누구에게 유용할까요?

• 상호작용형 블로그 게시물을 원하는 블로거
• 학교와 교사들이 수업 활동 페이지를 운영하고 있습니다.
• 커뮤니티 웹사이트 및 회원제 사이트
• 레스토랑 및 대기실 QR 페이지
• 지역 사업체들이 가벼운 참여형 요소를 더했습니다.
• 클라이언트의 워드프레스 사이트를 제작하는 에이전시
• 틈새시장 출판사 및 자료 허브
• 팀 내부 포털에서 간단한 휴식 활동 진행

GamesIKnow Embed은 무엇입니까?

GamesIKnow Embed은 Games I Know의 embed 플랫폼입니다. 웹사이트 소유자는 안전한 iframe URL을 통해 자신의 사이트에 플레이 가능한 브라우저 게임을 추가할 수 있습니다. WordPress 사용자의 경우, 공식 플러그인인 Embed Browser Games by Games I Know을 사용하면 설정 화면, 구텐베르크 블록, 쇼트코드 및 쇼트코드 빌더를 추가하여 iframe HTML을 직접 작성할 필요가 없습니다.

확인된 플러그인 기능에는 Games I Know 게임 블록, `[gamesiknow]` 숏코드, Games I Know > 파트너 ID 및 기본 embed 동작 설정, 그리고 Games I Know > 복사 가능한 숏코드를 위한 숏코드 빌더가 포함됩니다. 파트너 ID는 필수입니다. 파트너 ID가 없으면 embed 및 iframe에서 게임이 로드되지 않습니다. 파트너 ID는 WordPress 사이트를 Games I Know 파트너 계정 및 승인된 도메인에 연결합니다.

단계별 안내: 워드프레스에 브라우저 게임 추가하기

1. 워드프레스 관리자 대시보드에 로그인하세요.
2. 플러그인을 열고 > 새 플러그인 추가를 선택하세요.
3. "Embed 브라우저 게임(제작: Games I Know")을 검색하세요.
4. 지금 설치를 클릭한 다음 활성화를 클릭하세요.
5. 왼쪽 관리자 메뉴에서 Games I Know > 설정을 엽니다.
6. 필수: 파트너 ID 받기를 클릭하고 Games I Know에 로그인한 다음, 설치 탭에서 파트너 ID를 복사하여 파트너 ID 필드에 붙여넣고 파트너 ID 저장을 클릭하세요.
7. 선택 사항: 프런트엔드에서 게임이 동작하는 방식과 일치하는 경우, 기본적으로 지연 로딩을 활성화하고 전체 화면 모드를 허용할 수 있습니다.
8. 새 게시물이나 페이지를 만들거나 기존 게시물이나 페이지를 편집하세요.
9. 블록 삽입기에서 Games I Know 게임 블록을 삽입하거나 [gamesiknow game="tic-tac-toe"]와 같은 단축 코드를 추가하세요.
10. 블록 사이드바 또는 쇼트코드 속성에서 게임 및 레이아웃 옵션을 선택하세요.
11. 데스크톱과 모바일에서 페이지를 미리 보세요. 게임 iframe이 제대로 로드되고 충분한 높이를 확보하는지 확인하세요.
12. 페이지를 게시하거나 업데이트하세요.

WordPress 블록을 사용하여 게임을 추가하세요

이 플러그인은 WordPress 블록 편집기에 "Games I Know Game"이라는 블록을 등록합니다. 게시물이나 페이지를 열고 블록 삽입기(+)를 클릭한 다음 "Games I Know"을 검색하여 블록을 추가하세요. 블록 사이드바에서 게임, 테마, 모드, 너비, 높이, 정렬, 테두리 반경, 그림자, 지연 로딩 및 전체 화면 옵션을 선택할 수 있습니다.

해당 블록은 프런트엔드에서만 렌더링됩니다. 에디터에서는 요약 카드와 해당 쇼트코드가 표시되어 게시 후 어떤 내용이 나타날지 미리 확인할 수 있습니다. 파트너 ID가 없는 경우 에디터에 경고 메시지가 표시되고, Games I Know > 설정에서 파트너 ID를 저장하기 전까지는 게임이 프런트엔드에 로드되지 않습니다.

쇼트코드를 사용하여 게임을 추가하세요

단축 코드를 선호하거나, 단축 코드를 지원하는 기존 편집기 영역, 위젯 또는 페이지 빌더에서 단축 코드가 필요한 경우 `[gamesiknow]` 플러그인을 사용하세요. 이 플러그인에는 wp-admin에서 바로 사용 가능한 단축 코드를 생성하는 Games I Know > 단축 코드 빌더도 포함되어 있습니다.

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

지원되는 게임 슬러그는 `tic-tac-toe`, `four-in-a-row`, `bingo`, `i-know`입니다. 선택적 속성에는 `width`, `height`, `max_width`, `align`, `theme`, `mode`, `campaign_id`, `border_radius`, `shadow`, `lazy`, `allow_fullscreen`이 있습니다.

워드프레스 사이트에서 게임은 어디에 배치해야 할까요?

• 블로그 게시물 말미에 관련 활동으로
• 놀이 또는 활동 전용 페이지에서
• 교실이나 학교 자료 페이지에서
• 커뮤니티 허브 또는 이벤트 페이지에서
• 충분한 너비를 가진 랜딩 페이지 섹션
• 레스토랑이나 대기실 페이지에서
• 어린이 활동 페이지에서
• 넓은 콘텐츠 영역 또는 전체 너비 블록에서

사이드바 폭이 너무 좁지 않도록 하세요. 브라우저 게임은 특히 모바일 환경에서 원활하게 실행되려면 충분한 너비와 높이가 필요합니다. Shortcode Builder 플러그인에는 게임별 권장 크기가 포함되어 있습니다.

어떤 게임을 먼저 추가해야 할까요?

• Tic Tac Toe — 빠르고 간단한 플레이 및 초기 테스트에 가장 적합합니다.
• Four in a Row — 가벼운 전략 및 가족 친화적인 페이지에 가장 적합합니다.
• Bingo — 그룹, 교실 및 이벤트에 가장 적합합니다.
• I Know — 퀴즈 및 상식 퀴즈 형식의 상호작용에 가장 적합합니다.

수동 iframe 대 WordPress 플러그인

HTML을 사용하여 게임을 직접 만들거나 WordPress 플러그인을 사용할 수 있습니다. 기술적인 지식이 부족한 대부분의 WordPress 사용자에게는 플러그인이 더 간편한 방법입니다. 플러그인이 블록 UI, 단축 코드, 설정 및 안전한 URL 생성을 자동으로 처리해 주기 때문입니다.

게시하기 전 팁

• 게시하기 전에 모바일과 데스크톱에서 미리 보기를 할 수 있습니다.
• 방문자들이 게임 방법을 알 수 있도록 게임 화면 위에 간단한 제목을 추가하세요.
• 활동을 한 문장으로 설명하세요. 예를 들어, "책을 읽으면서 간단한 게임을 즐겨보세요."
• 한 페이지에 라이브 게임 embed을 너무 많이 쌓아두지 마세요.
• 테마나 페이지 빌더를 변경한 후 다시 테스트해 보세요.
• 접근성을 위해 명확한 게임 제목과 iframe 제목을 사용하십시오.
• 검색 엔진 최적화를 위해 페이지 주변 콘텐츠를 유용하게 유지하세요.

문제 해결

게임이 나타나지 않습니다

플러그인이 활성화되어 있고, 페이지가 게시되었으며, Games I Know 게임 블록 또는 유효한 `[gamesiknow]` 숏코드를 사용했는지 확인하십시오. 테마 또는 페이지 빌더에서 프런트엔드에 iframe 출력을 허용하는지 확인하십시오.

단축 코드가 일반 텍스트로 표시됩니다.

WordPress는 숏코드를 처리하는 콘텐츠 영역에서만 숏코드를 실행합니다. `[gamesiknow]`와 같은 텍스트가 그대로 표시되는 경우, 숏코드 블록, 기존 숏코드 지원 또는 숏코드를 실행하는 빌더 위젯으로 변경하세요.

해당 블록은 편집기에서 보이지 않습니다.

블록 삽입기에서 "Games I Know 게임"을 검색하세요. 그래도 나타나지 않으면 Embed 브라우저 게임(Games I Know 제작)이 활성화되어 있는지, 그리고 블록 편집기를 사용하고 있는지 확인하세요.

잘못된 게임이 표시됩니다

블록 사이드바 또는 숏코드에서 게임 슬러그를 확인하세요. 지원되는 값은 `tic-tac-toe`, `four-in-a-row`, `bingo`, `i-know`입니다.

모바일에서 게임 화면이 너무 작아 보여요.

높이 속성을 늘리고, 더 넓은 콘텐츠 영역을 사용하며, 좁은 사이드바 배치를 피하세요. 쇼트코드 빌더는 게임별 권장 크기를 제시합니다.

파트너 ID 관련 질문

게임을 실행하려면 파트너 ID가 필요합니다. Games I Know > 설정으로 이동하여 '파트너 ID 가져오기'를 클릭하고, Games I Know에 로그인한 후, 파트너 대시보드의 '설치' 탭에서 값을 복사하여 '파트너 ID' 필드에 붙여넣고 '파트너 ID 저장'을 클릭하세요. 또한 파트너 대시보드에서 WordPress 사이트 도메인이 승인되었는지 확인하세요.

페이지 빌더 또는 테마가 embed과 충돌합니다.

일부 테마 빌더는 iframe 콘텐츠를 제거하거나 사용자 정의 블록을 차단할 수 있습니다. WordPress 기본 쇼트코드 블록에서 해당 쇼트코드를 사용해 보거나, 기본 테마로 테스트하거나, 빌더 문서를 참조하여 iframe 및 쇼트코드 지원 여부를 확인하십시오.