# تضمين تعليقات Discourse على موقع آخر عبر Javascript

**URL:** https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963
**Category:** Integrations
**Tags:** embedding, how-to
**Created:** [10 أغسطس 2015، 6:20م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963 "2015-08-10T18:20:46Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [28 أكتوبر 2021، 5:01م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/417 "2021-10-28T17:01:25Z")

</div>

> [@aaronpk](#):
>
> نظرًا لأن وحدة التحكم المدمجة [تحاول البحث عن منشور موجود عبر عمود `embed_url` في قاعدة البيانات](https://github.com/discourse/discourse/blob/08dce4f477b006f0bf830507aa0f75ac6c3ce895/app/models/topic_embed.rb#L226)، أود رؤية خاصية في واجهة برمجة التطبيقات (API) لتعيين هذا الحقل عند [إنشاء موضوع](https://docs.discourse.org/#operation/createTopicPostPM).

أعتقد أن هذا ممكن الآن. يمكن تعيين خاصية `embed_url` عند إنشاء الموضوع لأول مرة. يفعل ملحق ووردبريس الخاص بنا ذلك هنا: [wp-discourse/lib/discourse-publish.php at main · discourse/wp-discourse · GitHub](https://github.com/discourse/wp-discourse/blob/main/lib/discourse-publish.php#L330). لا يمكن تحديث خاصية `embed_url` عبر واجهة برمجة التطبيقات بعد إنشاء الموضوع.

---

<div class="post-metadata">

### Author: ![aaronpk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaronpk/32/149994_2.png) [@aaronpk](https://meta.discourse.org/u/aaronpk)
#### Post date: [28 أكتوبر 2021، 5:14م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/418 "2021-10-28T17:14:08Z")

</div>

> [@سيمون، مشاركة:417، موضوع:31963](#):
>
> أعتقد أن هذا ممكن الآن. يمكن تعيين خاصية `embed_url` عند إنشاء الموضوع لأول مرة.

هذا رائع! يبدو أنه يجب تحديث وثائق واجهة برمجة التطبيقات إذن!

ما الذي يتطلبه الأمر لإضافة الخاصية إلى طريقة تحديث واجهة برمجة التطبيقات؟ هذا سيسمح لي بحل المشكلة بشكل صحيح.

---

<div class="post-metadata">

### Author: ![samdiscourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/samdiscourse/32/244195_2.png) [@samdiscourse](https://meta.discourse.org/u/samdiscourse)
#### Post date: [20 ديسمبر 2021، 5:24م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/419 "2021-12-20T17:24:34Z")

</div>

مرحباً، لقد كنت أواجه صعوبة في ربط المشاركات على مدونتي بمشاركات المنتدى باستخدام هذه الطريقة. يبدو أن لدي مشاكل مشابهة لبعض المستخدمين الآخرين هنا مع سياسة أمان المحتوى الخاصة بالإطارات المضمنة. مدونتي تم إنشاؤها بواسطة Jekyll ويتم استضافتها بواسطة github ومنتدى Discourse الخاص بي مستضاف بواسطة Digital Ocean. عناوينهم هي blendertube . com و forum.blendertube . com على التوالي.

هذا هو الخطأ الذي تم الإبلاغ عنه في متصفحي:

> تم رفض تأطير ‘[forum.blendertube.com/](http://forum.blendertube.com/)’ لأن السلف ينتهك توجيه سياسة أمان المحتوى التالي: “frame-ancestors ‘self’ [blendertube.com](http://blendertube.com)”.

هل لهذا علاقة بـ ssl لمثيل Discourse الخاص بي؟

هذه بعض لقطات الشاشة:

 ![Screen Shot 2021-12-20 at 11.39.46 AM](https://global.discourse-cdn.com/meta/original/3X/0/c/0c9063256fbf0f810418f34b81cca9efecdb7a09.png)

آمل أن تتمكنوا من المساعدة. شكراً!

---

<div class="post-metadata">

### Author: ![samdiscourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/samdiscourse/32/244195_2.png) [@samdiscourse](https://meta.discourse.org/u/samdiscourse)
#### Post date: [20 ديسمبر 2021، 5:26م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/420 "2021-12-20T17:26:02Z")

</div>

ها هي لقطة شاشة أخرى:

 ![Screen Shot 2021-12-20 at 12.25.11 PM](https://global.discourse-cdn.com/meta/original/3X/5/3/53d48e19fc19aa9447f2811d8d48fb34dacf4d32.png)

---

<div class="post-metadata">

### Author: ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [18 أبريل 2022، 1:48م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/421 "2022-04-18T13:48:51Z")

</div>

> [@eviltrout](#):
>
> في مدونة، يحصل كل إدخال عادةً على صفحته الخاصة. لدعم ذلك، ضع نفس المقتطف في كل صفحة تريد عرض التعليقات عليها، ولكن استبدل القيمة الممررة إلى `discourseEmbedUrl` بعنوان URL للصفحة الحالية. في مدونتي، أستخدم القيمة التالية لـ `discourseEmbedUrl`: `'http://eviltrout.com<%= current_page.url %>` - مع إنشاء صفحات مدونة جديدة، سيتم إنشاء مواضيع جديدة لها تلقائيًا على Discourse.

هل لدى أي شخص فكرة عن الصيغة التي سيتم بها استبدال “current\_page.url” بعنوان URL لصفحة منتج WordPress WooCommerce؟ نود القيام بذلك حتى لا نضطر إلى تخصيص التعليمات البرمجية لكل صفحة، ويمكننا تطبيقها بسهولة على جميع الصفحات.

لقد حاولت استبدال قيمة نطاقنا الخاصة لـ `discourseEmbedUrl`: `'http://eviltrout.com<%= current_page.url %>` ولكن هذا لم يعمل على WP.

---

<div class="post-metadata">

### Author: ![stance455](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stance455/32/255345_2.png) [@stance455](https://meta.discourse.org/u/stance455)
#### Post date: [26 أبريل 2022، 3:15م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/422 "2022-04-26T15:15:15Z")

</div>

أعتقد أن ما قد نحتاجه هنا هو الوسم الجديد noindex, indexifembedded

> **[New robots tag: indexifembedded  |  Google Search Central Blog...](https://developers.google.com/search/blog/2022/01/robots-meta-tag-indexifembedded)**

**تعديل** اعتقد @codinghorror أن هذه كانت فكرة جيدة عندما [ظهرت لحالة استخدام مماثلة (تضمين الموضوع)](https://meta.discourse.org/t/embedding-a-list-of-discourse-topics-in-another-site/125911/128?u=stance455)

---

<div class="post-metadata">

### Author: ![MK2k](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mk2k/32/49271_2.png) [@MK2k](https://meta.discourse.org/u/MK2k)
#### Post date: [3 يوليو 2022، 6:08ص UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/423 "2022-07-03T06:08:13Z")

</div>

لا يمكنني معرفة ما إذا كان هذا ممكنًا وكيف:\n\nعندما يكون المظهر الافتراضي لمثيل الخطاب هو **داكن** ، كيف يمكن أن يكون المضمن **فاتحًا** ؟\n\nإذا لم تكن متصفحاتي معطلة، فيبدو أن تطبيق @codinghorror هو كذلك. كيف يتم ذلك بطريقة أنيقة؟ 😃

---

<div class="post-metadata">

### Author: ![paul.bradley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paul.bradley/32/258265_2.png) [@paul.bradley](https://meta.discourse.org/u/paul.bradley)
#### Post date: [13 يوليو 2022، 9:30م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/424 "2022-07-13T21:30:37Z")

</div>

ملاحظة إذا حاول أي شخص آخر القيام بذلك، فإن **discourseEmbedUrl** لم تعمل معي عند محاولة تضمين المواضيع مباشرة في دروس Thinkific LMS المقابلة، ولكن طريقة **topicId** عملت.

---

<div class="post-metadata">

### Author: ![Ankit\_Mehra](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ankit_mehra/32/101404_2.png) [@Ankit\_Mehra](https://meta.discourse.org/u/Ankit_Mehra)
#### Post date: [22 أغسطس 2022، 5:59ص UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/425 "2022-08-22T05:59:30Z")

</div>

كنت أستخدم هذه الميزة لتضمين تعليقات Discourse في [مدونتنا](https://www.gyandhan.com/blogs/trending-scholarships-for-student-to-studying-abroad). لقد عملت بشكل جيد في البداية. لاحظت مؤخرًا أن المدونات الأحدث (أقل من عام 🤣) تبدو وكأن بها مشكلة حيث لم يتم إنشاء الـ slug كما في [هذه](https://www.gyandhan.com/blogs/public-universities-in-germany) الحالة، مما يؤدي إلى [رابط تشعبي](https://discussions.gyandhan.com/t//9272) غير صحيح.

تم تعيين طريقة إنشاء الـ slug إلى ascii، وتم تعيين المضيف المسموح به كـ [www.gyandhan.com](http://www.gyandhan.com)

```plaintext
<script type="text/javascript">
  DiscourseEmbed = { discourseUrl: 'https://discussions.gyandhan.com/',
                     discourseEmbedUrl: '<%= request.original_url.split('?').first %>' };

  (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  })();
</script>

```

إعادة التأكيد على البديهي، ولكن المشكلة التي ألاحظها هي أن المواضيع التي تم إنشاؤها بواسطة التضمين لا تحتوي على الـ slug ولا العنوان. لست متأكدًا بعد سبب مواجهتي لهذه المشكلة.

---

<div class="post-metadata">

### Author: ![edug](https://avatars.discourse-cdn.com/v4/letter/e/e480ec/32.png) [@edug](https://meta.discourse.org/u/edug)
#### Post date: [13 ديسمبر 2022، 6:34م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/426 "2022-12-13T18:34:16Z")

</div>

أهلاً بالجميع، عذراً إذا كان هذا سؤالاً بسيطاً -

حسب ما أراه، فإن التجربة المضمنة تسمح فقط بقراءة بعض المشاركات في سلسلة، ولكن لا يمكن التفاعل معها داخل الموقع، صحيح؟ تعيدك إلى discourse عند محاولة تحميل المزيد من التعليقات / الرد أو النقر على ملف تعريف

هل هناك إصدار من التجربة المضمنة يعيش بالكامل على موقع طرف ثالث (ليس على discourse)؟

---

<div class="post-metadata">

### Author: ![mikeguo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikeguo/32/278830_2.png) [@mikeguo](https://meta.discourse.org/u/mikeguo)
#### Post date: [20 ديسمبر 2022، 6:46ص UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/427 "2022-12-20T06:46:27Z")

</div>

عندما يتغير موقعي بين الوضع الداكن والفاتح، كيف يمكنني إخطار الجزء المضمن لتغيير وضع الألوان؟

---

<div class="post-metadata">

### Author: ![mikeguo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikeguo/32/278830_2.png) [@mikeguo](https://meta.discourse.org/u/mikeguo)
#### Post date: [20 ديسمبر 2022، 7:50ص UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/428 "2022-12-20T07:50:46Z")

</div>

لقد قمت بتكوين المضيفين المسموح بهم للتضمين على النحو التالي

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/9/4/b94490fe645f3390796fe62da5ec7903f47b2b0e.png)  
ولكن عندما أحاول إضافة فئة إلى جسم iframe، أجد أن `iframe.contentDocument` هو null، وإذا استخدمت `document.getElementById("discourse-embed-frame").contentWindow.document`، فإن الخطأ كما يلي:  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/e/4/f/e4ffd531c3e2a31a4d70bf908b31f1e2930b5bac_2_690x25.png)

---

<div class="post-metadata">

### Author: ![n1bff](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@n1bff](https://meta.discourse.org/u/n1bff)
#### Post date: [29 ديسمبر 2022، 12:34م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/429 "2022-12-29T12:34:49Z")

</div>

كيف يمكنني توفير سلسلة نصية محددة في الموقع الذي يدمج `iframe` لـ Discourse لاستخدامها كعنوان (أو على الأقل كـ slug) للموضوع الذي تم إنشاؤه؟ لدي عناوين URL مضمنة مثل [example.com/12345](http://example.com/12345) مع محتوى نصي، وتنتهي المواضيع باستخدام كلمات من المحتوى، بينما أود استخدام “12345”.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [29 ديسمبر 2022، 1:48م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/430 "2022-12-29T13:48:27Z")

</div>

ألا يقرأ الوسم `<title>` من المستند؟

---

<div class="post-metadata">

### Author: ![n1bff](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@n1bff](https://meta.discourse.org/u/n1bff)
#### Post date: [29 ديسمبر 2022، 1:50م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/431 "2022-12-29T13:50:45Z")

</div>

حسناً، هذا منطقي. عناويني أكثر أناقة من “12345” وقد تتغير بمرور الوقت بينما يظل “12345” ثابتاً. لهذا السبب أود استخدام ذلك بدلاً من ذلك.

---

<div class="post-metadata">

### Author: ![n1bff](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@n1bff](https://meta.discourse.org/u/n1bff)
#### Post date: [2 يناير 2023، 3:03م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/432 "2023-01-02T15:03:17Z")

</div>

لقد اختبرت قليلاً: الماسح يأخذ بالفعل `\u003ctitle\u003etext\u003c/title\u003e`. تعيينه إلى `\u003ctitle\u003e12345\u003c/title\u003e` وتجاوزه للعملاء البشريين باستخدام بعض `\u003cscript\u003edocument.title = \"fancy title\";\u003c/script\u003e` في أسفل مستند HTML يعمل بشكل جيد. يستخدم الموضوع الذي تم إنشاؤه “12345” كعنوان وعنوان URL بينما يرى البشر عنوانًا لطيفًا في الصفحة التي يحدث فيها التضمين.

شكرا على التلميح!

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [21 يناير 2023، 3:35م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/433 "2023-01-21T15:35:08Z")

</div>

أهلاً بالجميع،

أود أن أعرف ما إذا كان من الممكن جلب المشاركات من أي موضوع باستخدام #علامة؟  
على سبيل المثال، على الموقع الرئيسي (غير Discourse) لدينا صفحة تُعرّف باسمها، لنسميها “ **عرضي** ” (/myshow)

في نفس الوقت، في مثيل Discourse الخاص بنا لدينا الكثير من المواضيع حول “العرض”، لديهم نفس علامة التصنيف #theshow ويمكن للناس التنقل فيها حسب المواسم أو الأحداث.  
الفكرة هي أن نكون قادرين على **جلب أحدث المشاركات من جميع المواضيع التي تحمل علامة #theshow**. هل هذا ممكن؟

 ![Screenshot 2023-01-21 at 15.30.04@2x](https://global.discourse-cdn.com/meta/original/4X/b/f/d/bfda2d896a917d65d2cd07d70739b15af199fb2e.jpeg)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [22 يناير 2023، 2:06م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/434 "2023-01-22T14:06:37Z")

</div>

> [@kinetiksoft](#):
>
> الفكرة هي أن نكون قادرين على **جلب أحدث المشاركات من جميع المواضيع التي تحمل الوسم #theshow**. هل هذا ممكن؟

أقرب ما لدينا هو جلب جميع **المواضيع** مرتبة حسب النشاط تحت وسم معين، تحقق من [Embedding a list of Discourse Topics in another site](https://meta.discourse.org/t/embedding-a-list-of-discourse-topics-in-another-site/125911?u=falco).

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [2 فبراير 2023، 6:56م UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/435 "2023-02-02T18:56:49Z")

</div>

~~كيفية منع المنشور الأول في التعليقات المضمنة مثل مدونة جيف؟~~

> **تعديل:** كنت أستخدم [arivanandan/discourse-embed-complete: يتضمن المنشور الأول عند تضمين discourse](https://github.com/arivanandan/discourse-embed-complete) 🙂

---

<div class="post-metadata">

### Author: ![Dotila\_Li](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dotila_li/32/303426_2.png) [@Dotila\_Li](https://meta.discourse.org/u/Dotila_Li)
#### Post date: [11 مايو 2023، 7:29ص UTC](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963/436 "2023-05-11T07:29:30Z")

</div>

ماذا لو أردت تضمين تعليقات مواضيع متعددة في صفحة واحدة؟ كيف يمكنني فعل ذلك؟

[Previous page](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963.md?page=3)

[Next page](https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963.md?page=5)
