تظل صفحة تحسين محركات البحث قابلة للفهرسة
يمكن أن تتضمن صفحتك عناوين، ونصوصاً، وروابط، وأسئلة شائعة، ومخططاً حول إطار اللعبة.
أداة لعبة Next.js
Next.js أداة اللعبة لمواقع الويب
يمكن لمواقع Next.js إضافة لعبة قابلة للعب دون تضمين محرك ألعاب في حزمة التطبيق. استخدم صفحة قابلة للفهرسة للمحتوى، وقم بعرض إطار Games I Know للعب، وتعامل مع الأحداث في مكون العميل عند الحاجة.
متوافق مع تطبيقات الراوتر
نسخة الصفحة القابلة للفهرسة
إدارة فعاليات العملاء
iframe آمن ضمن إطار العمل
إجابة مختصرة
استخدم مسار الإطار، ثم أضف سياق الصفحة.
بالنسبة لـ Next.js، احتفظ ببيانات تعريف تحسين محركات البحث ونسخة الصفحة في المسار، ثم قم بعرض Games I Know iframe في مكون آمن للعميل مع /embed/{gameSlug}/frame/ كمصدر.
جرّب أداة الألعاب المتوافقة مع Next.js
يعرض العرض التوضيحي المباشر مسار الإطار وسجل الأحداث الذي يمكن لمكون العميل Next.js استهلاكه.
فرق Next.js تضيف لعبة iframe
لماذا ينجح هذا في Next.js
يكون Next.js في أقوى حالاته عندما يتم عرض محتوى الصفحة والبيانات الوصفية بواسطة الخادم بينما يظل سلوك المتصفح فقط في مكونات العميل المركزة.
لا توجد منطق لعب يعتمد بشكل كبير على الترطيب
توجد اللعبة داخل iframe، لذا فإن مسار Next.js الخاص بك يظل أبسط وأسرع في الصيانة.
حدود واضحة للعميل
يحتاج كل من مستمع الحدث وعناصر التحكم iframe إلى سلوك من جانب العميل.
تدفق الإعداد
كيفية إضافة عنصر واجهة مستخدم للعبة في Next.js
قم بإنشاء مسار قابل للفهرسة، وضع iframe في المحتوى، واستخدم مكون العميل فقط لمعالجة الأحداث.
الخطوة 1
أنشئ صفحة المسار
أضف البيانات الوصفية، وعنوان URL الأساسي، ونص الصفحة، والروابط للغرض الذي تريد أن تخدمه الصفحة.
الخطوة 2
قم بعرض iframe
استخدم عنوان URL للإطار Games I Know مع معرف المستأجر الخاص بك داخل جسم الصفحة أو مكون صغير.
الخطوة 3
معالجة أحداث المتصفح
في مكون العميل، استمع إلى أحداث الرسائل وقم بالتصفية بناءً على data.source === "gamesiknow".
الخطوة 4
احتفظ بالمكافآت على جانب الخادم
استخدم مسار API أو خدمة الواجهة الخلفية للتحقق من النتائج الموقعة قبل منح المكافآت.
تطبيق
Next.js ملاحظات التنفيذ
افصل المحتوى المناسب لبرامج الزحف عن معالجة الرسائل الخاصة بالمتصفح فقط بحيث تكون الصفحة مفيدة لكل من البشر وأنظمة البحث AI.
استخدم بيانات تعريف المسار
قم بتعيين العنوان والوصف والبيانات الأساسية وعلامات Open Graph ومخطط الأسئلة الشائعة على الصفحة العامة التي تستضيف الأداة.
لا تقم بـ iframe صفحة الهبوط
الصفحة العامة /embed/{gameSlug}/ هي محتوى قابل للفهرسة. يجب أن يستخدم iframe /embed/{gameSlug}/frame/.
تجنب تغيير التخطيط
قم بحجز ارتفاع ثابت للعبة حتى لا يقوم iframe بتحريك المحتوى بعد التحميل.
الألعاب المتاحة
اختر اللعبة التي تناسب الصفحة
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 setup
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 setup
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Embed setup
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Embed setup
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Embed setup
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Embed setup
التعليمات
أسئلة شائعة حول أداة لعبة Next.js
ما الفرق بين /embed/{gameSlug}/ و /embed/{gameSlug}/frame/؟
استخدم /embed/{gameSlug}/frame/ كمصدر لـ iframe. هذا المسار هو إطار اللعبة الخفيف المصمم لمواقع الويب embed وأحداث postMessage. أما المسار /embed/{gameSlug}/ فهو صفحة المعاينة العامة وصفحة تحسين محركات البحث (SEO) للمستخدمين، وليس المسار الذي يُوضع داخل iframe.
هل يحتاج الزوار إلى تنزيل تطبيق أو إنشاء حساب؟
لا. يمكن للزوار اللعب داخل المتصفح iframe على الهاتف أو الجهاز اللوحي أو الكمبيوتر المحمول أو المكتبي. حساب الشريك مطلوب فقط من قبل مالك الموقع الذي يقوم بتثبيت embed.
هل يمكنني حصر نطاق embed في نطاقي الخاص؟
نعم. تم تصميم Games I Know و embed حول مواقع الويب المسجلة وإعدادات المستأجر المقيدة بالنطاق، لذلك لا يمكن إعادة استخدام رمز iframe المنسوخ بحرية على مواقع غير مصرح بها.
ما هي عناوين Games I Know التي يمكن إدراجها حاليًا في embeddable؟
تتوفر الألعاب Tic Tac Toe، وFour in a Row، وBingo، وI Know كألعاب متصفح قابلة للتنزيل باستخدام embed. يستخدم توثيق embed نفس نموذج الأحداث في جميع الألعاب المدعومة.
هل يجب أن يكون المكون iframe مكونًا للعميل في Next.js؟
يمكن عرض علامة iframe من مكون الخادم، ولكن يجب أن يكون أي مستمع postMessage أو حالة ملء الشاشة موجودًا في مكون العميل.
هل أنت مستعد لإضافة لعبة متصفح؟
أنشئ حساب شريك، وسجل نطاقك، وقم بإنشاء iframe مقيد بالنطاق لموقعك الإلكتروني.