ضمّن Artifact من Claude أو حاسبة من ChatGPT في موقعك

كيف أضمّن في موقعي شيئًا صنعه Claude أو ChatGPT؟

الصق صفحتك في المربع في الأعلى

ما تغطيه شيفرة التضمين الخاصة بـClaude نفسه

تقدّم مقالة المساعدة من Anthropic عن المشاركة، كما قُرئت في 22 أكتوبر 2026، خيار Get embed code (الحصول على شيفرة التضمين) لنوع واحد فقط: Artifact قديم، صُنع في محادثة قبل 16 سبتمبر 2026 ونُشر منها في Free أو Pro أو Max. وبعد النشر، تذكر المواقع المسموح لها بتضمينه في Allowed domains (النطاقات المسموح بها). وكل ما عدا ذلك مما يشاركه Claude لا يُفتح إلا لمن سجّل الدخول إلى Claude، لذلك لا يستطيع زائر ليس لديه حساب في Claude رؤيته في إطار على موقع شركتك. Claude Help Center: Share artifacts.

رابط المشاركة في ChatGPT يشارك المحادثة. وما يستطيع ChatGPT مشاركته بنفسه، من صفحات OpenAI، موجود في نشر Canvas من ChatGPT برابط.

1. امنحه رابطًا خاصًا به

1. انسخ الكود من Claude أو ChatGPT، أو نزّل الملف.
2. الصقه في المربع في أعلى هذه الصفحة. يُقدَّم ملف HTML كما هو. ويتحول مكوّن React إلى صفحة حين تنشره، مع Tailwind ومكوّنات shadcn/ui التي يستوردها. أو انشره من داخل المحادثة، فيعود الرابط هناك.
3. اتركه غير مُدرج، كما يبدأ كل موقع جديد، أو اجعله عامًا. هذان وحدهما يمكن تضمينهما: فالموقع المحمي بكلمة مرور أو بالدعوة يحتاج إلى صفحة خاصة به ليتحقق ممن يطلبه، ولا يستطيع الإطار أن يمنحه ذلك.

2. انسخ الشيفرة

افتح الموقع في Solta، ثم قائمة المزيد، واختر ضمّنه في موقع شركتك. في قسم الشيفرة تكون الشيفرة معبأة، وبجانبها زر لنسخها. ولموقع اسمه roi-calculator تكون هكذا:

<iframe src="https://roi-calculator.solta.site/?embed=1" title="ROI calculator"
        style="display:block;width:100%;height:480px;border:0" loading="lazy"
        allow="clipboard-write" data-solta></iframe>
<script async src="https://solta.now/embed.js"></script>

هذا هو ارتفاع تلقائي، الخيار الافتراضي: إطار بلا حدود، وسكربت يطابق ارتفاعه مع ارتفاع الصفحة كلما تغيّر، فلا تبقى فجوة تحته ولا يظهر شريط تمرير داخله. أما ارتفاع ثابت فهو الإطار وحده، بالارتفاع الذي تختاره، مع تمرير داخله حين تكون الصفحة أطول. استخدمه حيث يحذف منشئ المواقع السكربتات أو يضع الكود الخاص بك في إطار خاص به. كيف تعمل الشيفرة.

3. الصقها في منشئ مواقعك

خطوات كل منشئ كما قدّمتها صفحة المساعدة الخاصة به في 22 أكتوبر 2026.

WordPress

أضف كتلة Custom HTML (HTML مخصص): انقر زر إدراج الكتل، أو اكتب /html في فقرة جديدة واضغط Enter. اختر Edit HTML (تحرير HTML)، والصق الشيفرة، وتحقق من المعاينة بجانبها، واضغط Update (تحديث). ومنذ WordPress 7.0، من لا يملك صلاحية unfiltered_html، مثل Contributor (مساهم)، تُحذف منه <script> و<iframe> حين تُحفظ المقالة، لذلك الصقها بصفتك Administrator أو Editor (مدير أو محرر). WordPress documentation: Custom HTML.

وعلى WordPress.com، تُبقي الكتلة نفسها على iframe أو script فقط في خطة مدفوعة مع تفعيل ميزات الاستضافة، وهو ما تقول صفحة المساعدة إنه يتطلب تثبيت إضافة واحدة على الأقل. WordPress.com Support: Custom HTML block.

Framer

افتح قائمة Insert (إدراج)، وابحث عن Embed (تضمين) واسحبه إلى اللوحة. الصق الشيفرة في قسم HTML الخاص به، أو أعطه رابط الموقع بوصفه URL. يحذّر Framer من أن بعض المواقع تمنع تضمينها عبر ترويسات HTTP. أما موقع Solta فيسمح لأي موقع حتى تذكر نطاقات، وعندها لتلك النطاقات فقط. Framer Help: How to add an iframe or embed script.

Squarespace

في محرر الصفحة، أضف كتلة، واختر Code (كود)، وانقر رمز القلم والصق الشيفرة. لا يُبقي Squarespace على JavaScript أو iframe في كتلة الكود إلا في خطط Core وPlus وAdvanced. Squarespace Help: Add custom code to a page with code blocks.

Wix

انقر Add Elements (إضافة عناصر)، ثم Embed Code (تضمين كود)، وPopular Embeds (التضمينات الشائعة)، وEmbed HTML (تضمين HTML). اختر Enter Code (إدخال الكود)، والصق الشيفرة، واضغط Apply (تطبيق). لا يعرض Wix إلا كودًا عبر HTTPS، وموقع Solta كذلك، ويقول إن عنصر HTML الخاص به هو نفسه iframe، فلا يتجاوب ما بداخله مع حجم الشاشة. اختر ارتفاع ثابت في Solta، وأعطِ عنصر Wix الارتفاع نفسه. Wix Help: Embedding a Site or a Widget.

في أي مكان آخر

Webflow، وHubSpot، وصفحة كتبتها بنفسك: حيثما تقبل الصفحة HTML، الصق الشيفرة هناك. وحيثما لا تقبل إلا رابطًا، أعطها رابط الموقع واضبط الارتفاع بنفسك.

إن لم يظهر

• الموقع محمي بكلمة مرور أو بالدعوة. اجعله عامًا أو غير مُدرج.
• ذكرت نطاقات. أضف نطاق موقع شركتك نفسه، وإلا عرض الإطار عنصرًا بديلًا هناك. والمتصفح هو من يطبّق القائمة، فلا يمكن التحايل عليها.
• لموقع شركتك سياسة أمان محتوى (Content Security Policy). يجب أن تسمح بالإطار، وبالسكربت الخاص بالارتفاع التلقائي.

كل حالة، وما يجب تغييره: حين لا يُحمَّل التضمين.

اختبار أو نموذج يجمع الإجابات

الاختبار الذي يُصنع في محادثة يحسب النتيجة عادةً في المتصفح ولا يحتفظ بشيء. ولتحتفظ بما يجيب عنه الناس، وجّه نموذجه إلى عنوان الموقع نفسه، على /_solta/forms/ واسم تختاره: يحتفظ Solta بكل إجابة، في تبويب الإجابات في الموقع، الذي ينزّلها في جدول بيانات (CSV)، حتى 100 إجابة شهريًا في Free. النماذج والإجابات. وتحسب إحصاءاته الزيارات من داخل إطار على حدة، بوصفها مضمّنة، لترى كم منها جاء عبر موقع شركتك.

حين تغيّره

يُحفظ التحديث مسودةً، ويظل الإطار يعرض النسخة المنشورة حتى تنشر الجديدة. عندها تعرض كل صفحة تضمّنه النسخة الجديدة، دون أن تلصق شيئًا من جديد. في خطة Free، يحمل الإطار شارة Solta صغيرة في زاويته، ولا شارة في خطط Plus، Pro وTeam. وفي خطط Pro وTeam، تختار أيضًا النطاقات التي يمكنها عرضه. التضمين، خطةً بخطة.

أسئلة