投稿やページでの作業
ゲームをブログ記事、概要ページ、イベントページ、または会員向けリソースセクションに追加してください。
Squarespaceゲームウィジェット
Squarespaceのページやブログ用のゲームウィジェット
Squarespaceのパブリッシャーは、コードブロックを使ってブラウザゲームを追加できます。Games I Know iframe を貼り付け、モバイルでページをプレビューすると、ブログ記事、ランディングページ、またはリソースセクション内にダウンロード不要のゲームを訪問者に提供できます。
コードブロック embed
ブログとページのサポート
レスポンシブ iframe
プラグインは不要です
簡潔な答え
フレームルートを使用し、ページコンテキストを追加します。
Squarespaceでコードブロックを追加し、Games I Know iframe を貼り付け、/embed/{gameSlug}/frame/ にテナントIDを代入してください。公開前にモバイル幅でプレビューを確認してください。
Squarespace風のゲームウィジェットを試してみましょう
以下のiframeパターンをSquarespaceのコードブロックに貼り付けることができます。
Squarespaceサイトの所有者と作成者
Squarespaceサイトでゲームウィジェットが使われる理由
Squarespaceのクリエイターは、完全なカスタム構築ではなく、インタラクティブなブロックが1つだけ含まれた洗練されたページを求めることが多い。
シンプルなコードブロックの設定
Squarespaceのプランでカスタムコードが許可されている場合は、iframe マークアップを直接貼り付けてください。
モバイル端末でプレイ可能
Games I Know フレームは、通常のコンテンツカラム内の縦向きスマートフォンレイアウト用に構築されています。
セットアップフロー
Squarespaceにゲームウィジェットを追加する方法
ページを編集し、コードブロックを挿入して、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 セットアップ
よくある質問
Squarespaceゲームウィジェットに関するよくある質問
/embed/{gameSlug}/ と /embed/{gameSlug}/frame/ の違いは何ですか?
iframe の src として /embed/{gameSlug}/frame/ を使用してください。このルートは、ウェブサイト embed および postMessage イベント用に構築された軽量ゲームフレームです。/embed/{gameSlug}/ ルートは、一般公開用のプレビューおよび SEO ページであり、iframe 内に配置するルートではありません。
訪問者はアプリをダウンロードしたり、アカウントを作成したりする必要がありますか？
いいえ。訪問者は、スマートフォン、タブレット、ノートパソコン、デスクトップパソコンのブラウザiframe内でプレイできます。パートナーアカウントが必要なのは、embedをインストールするウェブサイトの所有者のみです。
embed を自分のドメインに限定することはできますか？
はい。Games I Know embed は登録済みの Web サイトとドメイン制限付きテナント設定に基づいて設計されているため、コピーされた iframe コードは許可されていないサイトで自由に再利用することはできません。
現在、embed可能なGames I Knowタイトルはどれですか？
Tic Tac Toe、Four in a Row、Bingo、およびI Knowは、embed対応のブラウザゲームとして利用可能です。embedのドキュメントでは、サポートされているゲーム全体で同じイベントモデルを使用しています。
Squarespaceのブログ記事でembed Games I Knowを使用できますか？
はい。投稿本文内にコードブロックを追加し、iframe のスニペットを貼り付けてください。記事の可読性とインデックス登録性を維持するため、周囲のテキストはそのまま残してください。
ブラウザゲームを追加する準備はできましたか？
パートナーアカウントを作成し、ドメインを登録して、ウェブサイト用のドメイン制限付きiframeを生成してください。