تكاملات النشر
منشئو المواقع (أداة HTML)
آخر تحديث:
أضف أداة HTML إلى Webflow وSquarespace وFramer وGoDaddy وWeebly وBigCommerce وDuda وDrupal وJoomla وBlogger وLovable لعرض مقالاتك.
إذا كان منشئ موقعك لا يتيح لـ Clodix النشر مباشرة، مثل Webflow وSquarespace وFramer وGoDaddy وWeebly وBigCommerce وDuda وDrupal وJoomla وBlogger وLovable (كلها تعمل بهذه الطريقة)، فإن Clodix يمنحك بدلًا من ذلك مقطعًا برمجيًا صغيرًا واحدًا. الصقه مرة واحدة في الصفحة التي تريد أن تظهر فيها مدونتك، وسيعرض مقالاتك المنشورة تلقائيًا، بما في ذلك عرض المقال كاملًا عندما ينقر الزائر عليه.
احصل على الكود
- افتح Settings → Publishing integrations وانقر على بطاقة منصتك (أو HTML widget لأي موقع آخر).
- انسخ المقطع البرمجي الظاهر.
أين تلصقه
| المنصة | المكان |
|---|---|
| Webflow | في Designer أضف عنصر Code Embed إلى الصفحة، والصق المقطع، وانقر على Save & Close، ثم انشر موقعك. |
| Squarespace | في الصفحة التي ستظهر فيها مدونتك أضف Code Block والصق المقطع. |
| Framer | أضف طبقة Embed (HTML) إلى الصفحة، والصق المقطع، ثم انشر. |
| GoDaddy | في GoDaddy Website Builder أضف قسم HTML والصق المقطع، ثم انشر. |
| Weebly | اسحب عنصر Embed Code إلى الصفحة، وانقر على Edit Custom HTML، والصق المقطع. |
| BigCommerce | في Page Builder أضف أداة HTML (أو استخدم Script Manager) والصق المقطع. |
| Duda | في محرر Duda اسحب أداة HTML إلى الصفحة والصق المقطع. |
| Drupal | أضف Custom Block بتنسيق النص Full HTML، والصق المقطع، وضعه في الصفحة. |
| Joomla | أضف وحدة Custom HTML إلى الصفحة، والصق المقطع، واحفظ. |
| Blogger | انتقل إلى Layout → Add a Gadget → HTML/JavaScript، والصق المقطع، واحفظ. |
| Lovable | في دردشة Lovable اطلب: «Create a Blog page at /blog and add this code to it exactly as it is»، ثم الصق المقطع بعدها، وانقر على Publish. |
| أي موقع آخر | الصق المقطع قبل </body> مباشرة في أي مكان من الصفحة. |
يعمل أي موقع يحتوي على <div id="clodix-articles"></div> عادي ووسم السكريبت بعده بالطريقة نفسها، حتى خارج منشئ مواقع معروف.
- عد إلى Clodix وانقر على I've added the code.
بعد الربط
- يتيح لك الحقل Page where you added the widget أن يربط Clodix مباشرة برابط كل مقال الحي من داخل التطبيق، وهو اختياري لكنه مفيد.
- انقر على View live لفتح موقعك والتأكد من أن الأداة تعرض مقالاتك.
- تظهر المقالات الجديدة والمعدّلة في الأداة تلقائيًا، فلا حاجة لإعادة نشر أي شيء. يخزّن Clodix سكريبت الأداة مؤقتًا لمدة تصل إلى 5 دقائق، لذا قد يستغرق ظهور مقال جديد كليًا بضع دقائق في المرة الأولى.
«أضفت الكود، لكن Clodix يقول إنه غير موجود في موقعي»
النقر على I've added the code يضع علامة «متصل» على الأداة فقط. تتغير الحالة بجانب الكود من Not found on your site yet إلى Live on your site في أول مرة يحمّل فيها متصفح أحد الزوار الأداة فعليًا من صفحتك، وإلى ذلك الحين سترى أيضًا اللافتة Your articles aren't showing on your site yet.
بعد النقر على I've added the code مباشرة، يبحث Clodix أيضًا عن الكود نفسه، في الصفحة التي أدخلتها وفي صفحتك الرئيسية وفي الصفحات الموجودة في خريطة موقعك. إذا وجد الكود، تتحول الحالة إلى Live on your site خلال نحو دقيقة، دون أن يزور أحد الصفحة. وإذا لم يجده، فاتبع هذه القائمة:
- افتح صفحتك المنشورة في نافذة متصفح عادية، وليس في محرر المنشئ. تحميلك الصفحة بنفسك يُحتسب زيارة.
- انشر موقعك بعد اللصق. تعرض معظم المنشئات الكود الملصوق في الموقع المنشور فقط، وليس في المسودة.
- استخدم النوع الصحيح من الكتل. يجب وضع الكود في كتلة HTML أو Embed code أو Code Embed أو Custom HTML (راجع الجدول أعلاه). كتلة النص العادي تحذفه. في مصدر صفحتك ينبغي أن تجد
<div id="clodix-articles">يليه سكريبت. - تأكد أنها الصفحة التي يراها الزوار: صفحة مدونتك الموجودة في قائمتك، غير مخفية وغير محمية بكلمة مرور. إذا لصقته في صفحة أخرى، فستظهر مقالاتك هناك بدلًا من ذلك.
- امسح ذاكرة التخزين المؤقت. قد تستمر إضافة تخزين مؤقت أو CDN أو ذاكرة المضيف في تقديم الصفحة القديمة بلا الكود.
- تأكد أنه الموقع الصحيح. إذا كان في حسابك أكثر من موقع، فلكل موقع كوده الخاص، فالصق كود الموقع الذي تستخدم نطاقه.
ما زالت المشكلة قائمة؟ تواصل مع الدعم مع عنوان صفحتك والمنصة التي تستخدمها، أو أرسل الكود إلى من يدير موقعك.
تبدو الأداة فارغة داخل محرر المنشئ نفسه
هذا متوقع. تعرض كثير من منشئات المواقع (Wix وGoDaddy وSquarespace وغيرها) الكود الملصوق داخل معاينة معزولة أثناء التحرير، ولا تستطيع الأداة ملأها دائمًا. افتح موقعك المنشور (وليس عرض التحرير في المنشئ) لترى مقالاتك، فهناك تعمل الأداة فعليًا.
الأسئلة الشائعة
هل هذا مناسب لـ SEO؟
هو أفضل من لا شيء، لكنه ليس بقوة مقال حقيقي. تضيف الأداة مقالك إلى الصفحة عبر JavaScript بعد تحميلها، لذلك ترى بعض محركات البحث ومعظم أدوات معاينة الروابط صفحة فارغة عند التحميل الأول. إذا كانت منصتك تدعم النشر المباشر (WordPress أو Shopify أو Wix أو Ghost أو HubSpot)، فاستخدمه بدلًا من ذلك، وراجع ربط موقعك للمقارنة.
هل يمكنني تنسيق الأداة لتتناسب مع موقعي؟
ترث الأداة خطوط صفحتك تلقائيًا، وتختار لون نص مقروءًا بحسب ما يقع خلفها (أو يمكنك ضبط data-theme="light" / data-theme="dark" بنفسك). لا يوجد حاليًا تحكم أعمق في التنسيق غير ذلك.
هل أحتاج إلى لصق الكود من جديد عند نشر مقال جديد؟
لا. الصق المقطع مرة واحدة، ويظهر كل مقال جديد أو معدّل تلقائيًا خلال دقائق، دون أي إجراء آخر منك.
هل يظهر شريط تمرير داخل نافذة صغيرة؟
لا. الزائر الذي يفتح مقالًا يراه كاملًا في الصفحة نفسها، إذ تتسع الكتلة لتناسبه، على سطح المكتب وعلى الهاتف، فلا يوجد شريط تمرير داخل الأداة.
لا أستطيع إضافة الكود بنفسي.
أرسل المقطع إلى من يبني موقعك أو يديره، فلا يلزم إضافته إلا مرة واحدة. إذا لم يكن هناك أحد، فراسل support@clodix.ai وأخبرنا أي منشئ يستخدمه موقعك.
هل يمكنني إضافة الأداة إلى أكثر من صفحة؟
نعم، الصق المقطع نفسه في أي عدد تريده من الصفحات، وستحمّل كل صفحة قائمة المقالات نفسها.