# عرض حالة الأمان في جميع الروابط الخارجية باستخدام API استعلام Google Safe Browsing

**URL:** <https://meta.discourse.org/t/showing-the-security-status-in-all-external-link-using-google-safe-browsing-lookup-api/313015>\
**Category:** Development\
**Created:** [21 يونيو 2024، 6:39ص UTC](https://meta.discourse.org/t/showing-the-security-status-in-all-external-link-using-google-safe-browsing-lookup-api/313015 "2024-06-21T06:39:43Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![kokoloman001](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kokoloman001/32/389438_2.png) [@kokoloman001](https://meta.discourse.org/u/kokoloman001)\
**Post date:** [21 يونيو 2024، 6:39ص UTC](https://meta.discourse.org/t/showing-the-security-status-in-all-external-link-using-google-safe-browsing-lookup-api/313015/1 "2024-06-21T06:39:43Z")

</div>

منذ فترة، كنت أبحث عن استراتيجية لحماية موقعي من الروابط الخارجية التي يقدمها أعضاء المنتدى. أحاول إنشاء قاعدة بيانات خاصة بي للروابط الضارة. لكن الأمر أصعب مما تعتقد. الحجم الهائل للروابط يصعب فرزه. لذلك بحثت عن خدمة API تناسب متطلباتي واكتشفت Google Safe Browsing API، وهي خدمة API مجانية تقدمها Google، وحاولت إضافتها إلى منتدى Discourse.

النتيجة في منتدى  
_عند تمرير الماوس_

 ![IMG_9546](https://global.discourse-cdn.com/meta/original/4X/8/1/8/8181ba655ccb9d08898d7e9c2405e5ecb5dd9def.jpeg)

**إليك الطريقة.**  
لإضافة أيقونة بعد جميع الروابط الخارجية في Discourse وعرض تلميحات تظهر حالة أمان الروابط باستخدام Google Safe Browsing Lookup API (v4)، اتبع الخطوات التالية:

1. **إنشاء مفتاح API لـ Google Safe Browsing** :

2. **تسجيل الدخول إلى Discourse Admin** :

3. **الوصول إلى تخصيص المظهر** :

4. **إضافة CSS** :

5. **إضافة JavaScript** :

6. **حفظ وتطبيق المظهر** :

ستضمن هذه الخطوات أن جميع الروابط الخارجية في مثيل Discourse الخاص بك سيكون لها أيقونة بعدها، وستعرض التلميحات حالة أمان الروابط باستخدام Google Safe Browsing API.

**تعديل للأمان**  
**يجب عليك إضافة موقعك إلى قسم حدود الموقع لاستخدام Google API.**

 ![IMG_9545](https://global.discourse-cdn.com/meta/original/4X/d/2/4/d240064b9300cd9fc1564162f8db78aeb10592ea.jpeg)

**خيار**

> **استخدام أيقونة Font Awesome**
>
> لاستخدام أيقونة من Font Awesome. إليك CSS المحدث:
> 
> ### CSS المحدث بأيقونات Font Awesome
> 
> ```css
> /* تأكد من تضمين Font Awesome */
> @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
> 
> /* إضافة أيقونة Font Awesome بعد الروابط الخارجية */
> a[target="_blank"]:after {
> content: "\\f35d"; /* Unicode لأيقونة الرابط الخارجي Font Awesome */
> font-family: 'Font Awesome 5 Free'; /* عائلة Font Awesome */
> font-weight: 900; /* وزن Font Awesome الصلب */
> margin-left: 5px; /* المسافة بين الرابط والأيقونة */
> display: inline-block;
> }
> 
> ```
> 
> ### شرح:
> 
> 1. **استيراد Font Awesome** :
> 
> 2. **إضافة الأيقونة** :

آمل أن يكون هذا مفيدًا لمن يبحث عن نفس الشيء مثلي.

---

_[View the full topic](https://meta.discourse.org/t/showing-the-security-status-in-all-external-link-using-google-safe-browsing-lookup-api/313015)._