الشبكة الاجتماعية على دروبال 7. منصة للشبكة الاجتماعية

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

يوفر كل واحد منهم الأزرار اللازمة للتثبيت على مواقع الطرف الثالث.

يمكن العثور على الرمز الخاص بـ "VKontakte".

ومع ذلك، كما ترون، يقوم كل زر بتحميل ملف js الخاص به باستخدام برنامج نصي. يؤدي هذا إلى إبطاء وقت تحميل الصفحة بشكل عام. بالإضافة إلى ذلك، باستخدام التعليمات البرمجية الجاهزة، لن يتمكن مشرف الموقع من تصميم الأزرار الشبكات الاجتماعيةبناء على طلبك - كل التصميم يقع خارج الموقع.

فيما يلي مثال لإنشاء كتلة من ثلاثة أزرار اجتماعية، عند النقر عليها، تفتح نافذة متصفح جديدة (في وسط الشاشة)، حيث يُطلب من الزائر التأكيد على إنشاء إشارة مرجعية. بعد النشر، يتم إغلاق النافذة.

نقوم أيضًا بدمج هذه المجموعة بأكملها مع موضوع Drupal 7.

أولاً: القليل من المعلومات:

http://vkontakte.ru/share.php?url=http://Siteaddress.ru/Pageaddress

في هذه الحالة، يتم أخذ محتوى العلامة كعنوان

وأيضًا يتم التقاط نوع من الصور المشابهة للشعار. إذا أردنا تحديد الصورة بالضبط، فنحن بحاجة إلى إدراج العلامة التالية في عنوان الصفحة (داخل الحاوية):

2. الزر الاجتماعي من Twitter - يتيح لك "tweet" نشر تغريدة تحتوي على نص ورابط مُعد مسبقًا. يبدو عنوان URL كما يلي:

https://twitter.com/share?text="TextTwitt&url=http://SiteAddress.ru/PageAddress

في هذه الحالة، يجب أن يكون نص التغريدة مشفرًا بعنوان URL، وإلا فقد تكون هناك أخطاء. عندما تنقر على هذا الرابط، سيُطلب منك إنشاء تغريدة تحتوي على نص ورابط.

3. تشبه الإشارة المرجعية الاجتماعية لـ Facebok إشارة VKontakte وتبدو كما يلي:

http://www.facebook.com/sharer.php?u=http://addressSite.ru/page

لنفترض أننا نريد تصميم مجموعة من الأزرار على النحو التالي:

في نفس الوقت، ترميز HTML بسيط للغاية. يتكون كل HTML من ثلاثة روابط: