الأزرار الاجتماعية الخاصة. أزرار اجتماعية افعلها بنفسك دون خدمات الطرف الثالث عداد الشبكة الاجتماعية
في الآونة الأخيرة، يطلب كل عميل ثانٍ (إن لم يكن الأول) في متطلبات تطوير موقع الويب التأكد من ربطه بالشبكات الاجتماعية. تعد الأزرار "التواصل الاجتماعي" الموجودة على موقع الويب هي الأداة رقم 1 لجذب الجمهور المستهدف وتوزيع المحتوى والعلاقات العامة بشكل عام. وهو مجاني تمامًا!
توفر شبكات التواصل الاجتماعي رموزًا لأزرارها وعناصر واجهة المستخدم الخاصة بها لوضعها على الموقع، كما توفر تعليمات لتثبيتها في نظام إدارة الموقع. يسمح لك أي نظام تشغيل CMS بتثبيتها، والشيء الرئيسي هو ملاءمتها بشكل متناغم مع تصميم موقع الويب الخاص بك.
ما هي الميزات والوظائف؟إذا كان موقعك يستهدف الأشخاص الذين يتواصلون على الشبكات الاجتماعية الشهيرة. الشبكات مثلا Vkontakte وTwitter وInstagram وFacebook وGoogle+ وPinterest وغيرها، وتريد تغطيتها جميعا، إذن لكي لا تقوم بتثبيت أزرار لكل منها على حدة، نظرا لأنها قد تختلف في الحجم والتصميم ، نوصي باستخدام خدمات التجميع. هذه أدوات بسيطة ومريحة تتيح لزوار موقع الويب مشاركة المعلومات بسرعة مع أصدقائهم، بغض النظر عن الشبكة الاجتماعية التي يستخدمونها. أدناه سننظر في الخدمات الأكثر شعبية.
أزرار الوسائط الاجتماعية مشاركة Pluso
الايجابيات:
وفقًا للمطورين، تم تصميم الأزرار الاجتماعية الجديدة لشاشات Retina. كل شيء آخر، للوهلة الأولى، يبقى كما هو. لسوء الحظ، من بين الخيارات المتاحة في المصمم، لم أجد أزرارًا ذات عداد، على الرغم من أن الإصدار القياسي من Pluso يحتوي عليها.
لا أعرف ما إذا كانوا سيستبدلون القديم بمنشئ جديد، ولكن في الوقت الحالي، يعمل كلاهما في وقت واحد باستخدام روابط مختلفة.
هناك الحاجيات المدفوعة والمجانية. تتوفر فقط أبسط الخيارات في الحساب المجاني. تحتوي النسخة المدفوعة على العديد من مفاهيم التصميم المتاحة، مثل: الأزرار التكيفية، والأزرار ذات العدادات المتنوعة، وغير ذلك الكثير.
أعتقد أن هذا الخيار غير مناسب لشعبنا، حيث سيتعين عليك دفع ثمن الأجراس والصفارات، ولكن في السوق المحلية يمكنك العثور على كل الأشياء نفسها، ولكن مجانًا.
يحتوي مُنشئ Add This على قائمة ضخمة من الشبكات الاجتماعية المتاحة، بما في ذلك Vkontakte وMoi Mir وOdnoklassniki. هناك مكون إضافي لـ .
وفقًا للمطورين، تم تحسين من بنات أفكارهم وستحب محركات البحث موقعك. لا أعرف مقدار الحقيقة الموجودة هنا.
إذا لم تكن بحاجة إلى أي أجراس وصفارات، فهذا الخيار مناسب لك.
يقدم Shareaholic العديد من مفاهيم زر المشاركة الجديدة. أنا شخصياً أعجبني السهم الموجود فوق الأزرار (الأسهم أداة تسويقية قوية جدًا)، لكن للأسف النقش باللغة الإنجليزية، لذا فهو غير مناسب لشعبنا. من بين الشبكات الاجتماعية المتاحة فكونتاكتي.
من المؤلف: تحياتي. اليوم، تطورت الشبكات الاجتماعية إلى هذا المستوى الذي تم تسجيل ما مجموعه أكثر من 3 مليارات شخص فيها. من المحتمل أن يكون هذا جمهورًا قويًا جدًا، لذا سأخبرك اليوم بكيفية إضافة أزرار الوسائط الاجتماعية إلى موقع الويب الخاص بك.
الإضافة إلى موقع ووردبريساسمحوا لي أن أبدأ بالقول إن أسهل طريقة، إذا كان لديك WordPress، هي ببساطة تثبيت بعض المكونات الإضافية لهذه المسألة. أيّ؟ على سبيل المثال، استخدمت Juiz Social Post Sharer. بشكل عام، ما عليك سوى إدخال كلمة Social في بحث المكونات الإضافية ورؤية ما يوجد هناك. الميزة الوحيدة هنا هي أنك ربما لن تضطر إلى تكوين أي شيء.
قامت Yandex أيضًا بتطوير صفحة يمكنك من خلالها تخصيص الأزرار وتثبيتها بنفسك. في هذه الصفحة يمكنك تحديد الخدمات التي تحتاجها (وهناك حوالي 25 منها). على اليمين يمكنك اختيار مظهر الكتلة. يمكن أن تكون هذه عدادات توضح عدد المرات التي نقر فيها المستخدمون على الأزرار. وهذا بدوره سيساعدك على تتبع ما إذا كانت المادة مفيدة للقراء.
جافا سكريبت. بداية سريعة
وبطبيعة الحال، لا تحتاج إلى استخدام الخيارات الثلاثة كلها؛ واحد هو الأفضل. على الرغم من أنني رأيت مواقع كان الحظر فيها في بداية الصفحة ونهايتها.
أنت الآن بحاجة إلى العثور على الملف الذي يحتوي على الكود الذي يعرض المقالات. في WordPress، على سبيل المثال، يُطلق عليه عادةً اسم Single.php أو ما شابه. لذلك، إذا كنت بحاجة إلى وضع قالب به أزرار بعد المقالة، فابحث عن السطر the_content. هذا هو المكان الذي يمكنك لصق الكود فيه. سيساعدك كثيرًا إذا قام مطور القالب الخاص بك بتقديم تعليقات في الكود.
يمكنك تحرير ملفات الموقع بعدة طرق. على سبيل المثال، قم بذلك مباشرة من خلال لوحة إدارة المحرك (المظهر - المحرر). في هذه الحالة، لا يتم تمييز الرمز، لذلك فهو ليس مناسبًا للتنقل. وهناك طريقة أخرى عن طريق بروتوكول نقل الملفات. اتصل بالموقع باستخدام عميل FTP، وانتقل إلى wp-content – themes. هنا تحتاج إلى العثور على القالب النشط حاليًا بالنسبة لك. نذهب إليه ونجد نفس ملف Single.php أو نبحث عن شيء مشابه في الاسم.
في ملف التعليمات البرمجية نفسه، ابحث عن السطر the_content باستخدام البحث (Ctrl + F). الصق هذا الكود في مكان ما بعده.
التعليقات هي ما تم تمييزه باللون الأخضر في لقطة الشاشة هذه أعلاه. وكما ترون، فقد أشار المطور بوضوح إلى أنه سيتم عرض نص المقالة نفسها في هذا المكان. هذا رائع، فقط قم بلصق الكود مباشرة بعد المقالة واحصل على النتيجة المرجوة.
أزرار من Pluso
جافا سكريبت. بداية سريعة
تعلم أساسيات JavaScript من خلال مثال عملي لكيفية إنشاء تطبيق ويب
يمكنك اختيار نمط الأزرار وتخصيص خلفيتها وموضعها وحجمها. يمكنك أيضًا اختيار أيقونات ذات عداد مدمج. ميزة أخرى لأزرار Pluso هي مظهرها المذهل والقدرة على دمجها في أي تصميم تقريبًا.
عندما يتم تكوين كل شيء، نقوم ببساطة بنسخ الكود ولصقه في المكان الذي نريد أن نرى فيه الكتلة المقابلة.
خيار آخر هو Share42إذا لم تعجبك الخيارات السابقة، فهناك طريقة أخرى لإضافة أزرار التواصل الاجتماعي إلى الموقع. هذه خدمة share42.com. ربما تم تسميته بهذا الاسم لأنه في وقت إنشائه كان هناك 42 زرًا للخدمات الاجتماعية، على الرغم من وجود 43 زرًا في الوقت الحالي.
لن أصف العملية بالتفصيل، لأن كل شيء معروض بالفعل على الموقع في شكل تعليمات خطوة بخطوة. لا يمكنك تغيير تصميم هذه الأيقونات، فقط حجمها. ومع ذلك، فإنها لا تبدو سيئة.
يجب تحديد الرموز التي تحتاجها من خلال النقر عليها بالماوس. بشكل منفصل، أود أن أشير إلى وجود ميزات مثيرة للاهتمام مثل الإضافة إلى مفضلات المتصفح، ورابط إلى RSS وزر "العودة إلى الأعلى".
بعد ذلك، يمكنك اختيار نوع اللوحة: أفقي أم عمودي؟ وإذا تم تحديد الثاني، فيمكن أن يكون عدد الأزرار محدودا. أوصي بترك الترميز كـ UTF-8. يمكنك أيضًا إضافة أيقونة الخدمة نفسها إلى مجموعة الأزرار حتى يتمكن المستخدمون من صفحتك من الانتقال إليها وتثبيت هذه الأزرار لأنفسهم أيضًا.
أيضًا، إذا كنت تخطط لإضافة رمز RSS، فيجب عليك الإشارة إلى عنوان خلاصتك، وإذا كنت تريد إظهار عدد نقرات الزر، فيجب تحديد خانتي الاختيار الأخيرتين.
يوجد أدناه زرين. يتيح لك الخيار الأول رؤية الشكل الذي ستبدو عليه الأزرار الاجتماعية التي قمت بتكوينها. باستخدام الثاني، يتم تنزيل البرنامج النصي. تحتاج إلى تحميله عبر بروتوكول نقل الملفات إلى موقع الويب الخاص بك في المجلد الجذر.
والخطوة التالية هي تحديد المسار إلى هذا المجلد على صفحة الخدمة. غالبًا ما يكفي استبدال site.com باسم المجال الخاص بك. هذا كل شيء، كل ما تبقى هو إدراج الكود، أولا تحديد cms الذي يعمل عليه المورد. يجب أن تفهم بالفعل مكان إدخال الرمز، كما آمل.
ليس لدي أدنى شك في أن هناك بعض الخدمات العادية الأخرى حيث يمكنك إنشاء أزرار اجتماعية، وهناك أيضًا عدد كبير جدًا من البرامج النصية والمكونات الإضافية التي تضيفها. لقد أدرجت لك اليوم أفضل الخيارات في رأيي.
حسنًا، تعلمنا اليوم كيفية إضافة أزرار للشبكات الاجتماعية والخدمات إلى مشروع الإنترنت الخاص بك. الآن يمكن توزيع موادك المفيدة تلقائيًا على الشبكات الاجتماعية بواسطة قرائك الممتنين. وهذا كل شيء بالنسبة لي.
جافا سكريبت. بداية سريعة
تعلم أساسيات JavaScript من خلال مثال عملي لكيفية إنشاء تطبيق ويب
مرحبا عزيزي القراء لموقع بلوق. كما خمنت على الأرجح من العنوان، سنتحدث عن ما يسمى بالأزرار الاجتماعية، والتي يمكن أن تساعد بشكل جدي في جذب المقالات الموجودة على موقعك، في ظل مجموعة ناجحة من الظروف والجودة العالية للمقال نفسه، عدد كبير من الزوار من الشبكات الاجتماعية والخدمات.
تأخذ محركات البحث أيضًا في الاعتبار الإشارات الاجتماعية عند تصنيف موقعك. يمكن أن يسمح لك عدد كبير من المشاركات في حسابات عالية الجودة على Twitter وGoogle+ وFacebook (من الممكن أن يتم أخذ VKontakte والشبكات الأخرى في الاعتبار أيضًا) برفع عدد معين من الخطوات إلى أعلى، وربما الدخول إلى الأعلى و ابق هناك إذا لم تخذلك العوامل السلوكية.
بشكل عام، هناك الكثير من الخدمات التي توفر البرامج النصية (الأزرار) لمشاركة المحتوى على الشبكات الاجتماعية على الإنترنت، ولكن لا ينبغي الوثوق بها جميعًا (يمكن استخدامها بسهولة أو بطريقة أخرى لأسباب سيئة). وهم قادرون ببساطة على "تعليق الموقع" إذا لم يتم وضع التعليمات البرمجية الخاصة بهم بشكل جيد وكانت قدرات الحوسبة لخوادمهم ليست قوية جدًا. مع أن هناك خيارات جيدة خالية من هذه العيوب، وقد قمت بإدراجها في نهاية هذا المنشور.
من الممكن أيضًا عرض عدد المشاركات على شبكة اجتماعية معينة على الأزرار. علاوة على ذلك، يتم أخذ جميع المنشورات في الاعتبار، وليس فقط تلك التي يتم إجراؤها باستخدام هذه الكتلة (يتم تحميل البيانات عبر واجهة برمجة التطبيقات). صحيح، ليست جميع الشبكات الاجتماعية مدعومة (فقط facebook، Google+، Moi Mir، Odnoklassniki.ru، VKontakte)، ولكن معظم الشبكات الرئيسية مدعومة. من المؤسف أنه تمت إزالة تويتر مؤخرًا من هذه القائمة بسبب... توقفت عن تقديم هذه البيانات عبر واجهة برمجة التطبيقات.
على سبيل المثال، يمكنك هنا تقصير العناوين للمشاركة على تويتر، نظرًا لوجود حد لطولها (اقرأ كيفية القيام بذلك أدناه)، وتكوين ما إذا كنت تريد عرض عدادات المشاركة أم لا، وتعيين الاتجاهات لتوسيع القوائم بأزرار إضافية للشبكة الاجتماعية ، وأكثر بكثير. على العموم، ابحث وألق نظرة.
بشكل عام، بالمقارنة مع أزرار المشاركة الأصلية التي تعرض تثبيت الشبكات الاجتماعية على الموقع (اقرأ عن ذلك أدناه)، تفوز كتلة Yandex بسرعة التحميل والاكتناز وسهولة التثبيت والتكوين. على سبيل المثال، في الماضي، لم يتم تحميل زر Twitter الرسمي الخاص بي في كثير من الأحيان بسبب مشاكل في الخادم الخاص بهم، لذلك لم يتم تحميل القائمة اليسرى لمدونتي، المصنوعة في Java script، لفترة طويلة. من الممكن أن تكون هذه المشكلة قد تم حلها الآن، ولكن العديد من البرامج النصية ستكون دائمًا أسوأ من واحدة فيما يتعلق بتحسين سرعة تحميل الموقع.
أعتقد أنه من غير المرجح أن تواجه Yandex مشاكل في إمكانية الوصول، لأنها منظمة تجارية جيدة الدخل وحساسة جدًا لصورتها. بالإضافة إلى ذلك، إذا كان لديك، فيمكنك تتبع إحصائيات النقرات على هذه الأزرار، والتي يمكن أن تكون مفيدة.
بالإضافة إلى كتلة ذات أيقونات ذات حجم عادي، يمكنك إنشاء كتلة تحتوي على عدادات، وتقترح Yandex أيضًا إضافة قائمة منسدلة تحتوي على شبكات اجتماعية إضافية، والتي سيتم إخفاؤها تحت المفسد الموجود بعد عرض العدد المطلوب من الأزرار لـ الشبكات الاجتماعية الرئيسية (مثل فكونتاكتي، MoiMir، ):
إذا كنت ترغب في إضافة عدادات إلى الأزرار الموجودة في هذه الكتلة (من خلال القائمة المنسدلة)، فما عليك سوى إدراج سمة أخرى في الكود الخاص بها على الموقع (بين علامات Div): data-counter="" وهذا كل شيء. وكما قلت، لا يمكن أن يكون الأمر أكثر بساطة، حيث يمكنك أيضًا إضافة العدادات إلى الأزرار الصغيرة، والتي سيتم مناقشتها أدناه:
خدمات البيانات = "vkontakte,odnoklassniki,facebook,gplus,twitter,moimir,blogger,digg,reddit,linkedin,lj"
يمكنك أيضًا استبدال جميع الرموز بالصور المصغرة للأزرار الأصغر حجمًا، والتي وجدتها شخصيًا مفيدة عند إدراج كتلة في أعلى جميع المقالات في هذه المدونة:
في الجزء الأول، تحتوي علامات فتح وإغلاق SCRIPT على المسار إلى البرنامج النصي، والذي سيتم تحميله من خادم Yandex، ويحتوي الجزء الثاني على رمز الإدراج نفسه، والذي سيلزم وضعه في المكان في القالب الخاص بك حيث سيتم عرض هذه الكتلة.
كيفية إدراج أزرار التواصل الاجتماعي من ياندكس على موقع الويبلذلك، أقوم بإدخال رمز استدعاء البرنامج النصي مع كتلة Div في المكان الذي يجب عرض أزرار الوسائط الاجتماعية فيه. حسنًا، حتى لا يؤثر تحميله على سرعة تحميل الصفحة الرئيسية، باتباع النصيحة الواردة في وثائق Yandex، أضفت السمة async="async" إليها، وبالتالي بدأت التحميل غير المتزامن للبرنامج النصي:
قد تنشأ المشكلة في العثور من بين الملفات العديدة لمحرك موقعك على الملف المسؤول عن إنشاء الجزء السفلي من كود Html مع علامة الإغلاق /BODY أو الملف الذي يشكل الرأس. وابحث أيضًا عن مكان في ملفات السمات حيث تحتاج إلى إدراج جزء من التعليمات البرمجية في علامات Div (لوضع الأزرار نفسها).
من حيث المبدأ، سواء في WordPress أو في Joomla، يتم ذلك في أحد ملفات السمة المستخدمة. لأن تعمل هذه المدونة على WordPress، لذا سأتحدث عنها.
إذا كنت تعمل مع WordPress، فلإدراج رمز استدعاء البرنامج النصي، ستحتاج إلى فتح الملف footer.php للتحرير (ستجد علامة الإغلاق Body أو header.php (ستجد علامات الرأس هناك) من المجلد:
/wp-content/themes/اسم المجلد_with_theme_used/footer.php
الآن كل ما تبقى هو إدراج الجزء الثاني من رمز أزرار Yandex الاجتماعية، المسؤول عن موقع الكتلة مع الأزرار الموجودة على صفحات الموقع، في المكان المناسب في قالب موقع الويب الخاص بك أو مباشرة في المقالة:
بالمناسبة، سأقوم بالحجز مرة أخرى: إذا كنت ترغب في إزالة أي زر من هذه الكتلة، فلن تضطر إلى الذهاب إلى المُنشئ على موقع Yandex الإلكتروني مرة أخرى. يمكنك ببساطة إزالة الإدخال الخاص به من هذه القائمة (مع الفاصلة التي تليها، على سبيل المثال، "vkontakte،"). حسنا، أنت تفهم...
حسنًا، يمكنك أيضًا تغيير موضع الأزرار داخل الكتلة باستخدام CSS.
Li.ya-share2__item (الخلفية: لا شيء! مهم؛ الحشو: 0 7px 0 7px! مهم؛)
لأن أستخدم تخطيطًا متكيفًا مع الأجهزة المحمولة، لذلك بالنسبة للأجهزة ذات دقة الشاشة المنخفضة أضفت سطرًا مشابهًا، حيث قمت بتعيين مسافات بادئة أصغر قليلاً، ولكن هذه هي التفاصيل:
Li.ya-share2__item (الحشوة:0 3px 0 3px!مهم؛)
بشكل عام، شيء من هذا القبيل هو الحال عندما يتعلق الأمر بمدونتي على WordPress. في Joomla، لإدراج هذه الكتلة، ربما يكون من الأسهل استخدام وحدة كود Html المخصصة، ووضعها في موضع القالب في مكان ما أسفل نص المقالة مباشرةً.
أزرار وسائل التواصل الاجتماعي الرسميةتوفر العديد من الشبكات الاجتماعية نفسها للجميع الفرصة لتنزيل رمز الزر، وغالبًا ما يمكنك تخصيص مظهره ووظائفه. على سبيل المثال، يمكنك تكوين واستلام رمز البرنامج النصي لمشاركة منشور في .
كما ترون، هناك الكثير من الإعدادات، بالإضافة إلى ظهور زر VKontakte، يمكنك أيضًا تخصيص عرض العداد الذي يوضح عدد المشاركات.
ستتمكن من الحصول على زر Facebook. تم تخصيصه بمرونة شديدة ليناسب احتياجاتك، ولا تخلط بينك وبين النقوش الإنجليزية الموجودة عليه، لأنه عندما تضع الكود الخاص به على موقع الويب الخاص بك، ستتم ترجمة النقوش تلقائيًا إلى اللغة الروسية.
من الأفضل عدم إدراج أي شيء في حقل URL، ثم ستتم مشاركة الصفحة التي يوجد بها هذا الرمز.
سيبدو شيئا من هذا القبيل:
سيبدو شيئا من هذا القبيل:
وبالطبع لا يسعني إلا أن أذكر زر Twitter الرسمي الذي ظهر مؤخرًا نسبيًا. يقع منشئها. وبطبيعة الحال، فإنه يوفر القدرة على حساب عدد التغريدات وستتاح لك الفرصة لتحديد مظهره:
بعد ذلك، قمت بتحديث الكود الناتج قليلاً وفقًا للمبدأ الموضح أعلاه، بحيث يتم قطع عناويني الطويلة ولا تخلق مشاكل إضافية للمستخدمين عند المشاركة.
خيارات أخرى للحصول على أزرار الوسائط الاجتماعية لموقعك على الويبكما قلت بالفعل، هناك الكثير من جميع أنواع الخدمات عبر الإنترنت، حيث يمكنك أخذ برنامج نصي لأزرار الشبكة الاجتماعية مجانًا ووضعه على موقع الويب الخاص بك. تسعى جميعها إلى تحقيق أهداف مختلفة: "من القلب" (كما في حالة خدمة Dimoxa)، لجمع البيانات اللازمة لتشغيل الخدمات الأخرى (كما في حالة ApTuLike) أو من أجل الربح (الفيروسات وغيرها من عمليات الاحتيال غير القانونية باستخدام حركة المرور لديك على موقعك). هناك أيضًا حلول مدفوعة ببساطة، على سبيل المثال، مثل البرنامج الإضافي المذكور أدناه.
من الصعب أن نقول ماذا تختار من هذا التنوع. سأقول بضع كلمات عما أتيحت لي الفرصة لتجربته بنفسي وما كتبت عنه من قبل.
بشكل عام، انظر، قارن واختر لنفسك.
كل التوفيق لك! نراكم قريبا على صفحات موقع المدونة
أنت قد تكون مهتم
نقوم بإنشاء أزرار للإضافة إلى الشبكات الاجتماعية والإشارات المرجعية لمدونة WordPress (بدون مكونات إضافية ونصوص برمجية) على الأرجح - أزرار اجتماعية مستقلة للموقع 
أزرار لمواقع الهاتف المحمول من Uptolike + القدرة على مشاركة الروابط في برامج المراسلة UpToLike - منشئ الأزرار الاجتماعية لموقعك بوظائف موسعة 
Uptolike Share Buttons - مكون إضافي مجاني لإضافة أزرار الوسائط الاجتماعية إلى WordPress 
uSocial - مراجعة لخدمة الأزرار الاجتماعية الجديدة لموقعك على الويب 
جذب حركة المرور من الزوار إلى موقع الويب الخاص بك باستخدام طرق SMO (المنتديات والشبكات الاجتماعية ومجموعات الاشتراك) كيفية إضافة كتلة تحتوي على أزرار إلى موقعك على الويب تحتوي على أزرار تؤدي إلى صفحاتك أو مجموعاتك على الشبكات الاجتماعية، بالإضافة إلى موجز RSS 
Google+1 وI like from Vkontakte وFacebook - كيفية إضافة أزرار الإعجاب إلى موقع الويب الخاص بك
ليس سرا أنه لسنوات عديدة كانت هناك أزرار خاصة للشبكات الاجتماعية، والتي يسمح لك تثبيتها على موقع الويب برؤية زيادة في حركة المرور، وفي الوقت نفسه يساهم في تطوير حملة العلاقات العامة لموردك. توفر مشاركة المواد تغطية لجمهور ضخم من العملاء والقراء والمشتركين المحتملين.
ومع تثبيت أدوات المشاركة على الشبكات الاجتماعية، يزداد مستوى الثقة في الموقع من محركات البحث. تعمل الطريقة أيضًا بشكل جيد كجزء من الترويج في نتائج البحث العضوية لاستعلامات Micro Low Frequency إذا قمت بإضافة تعليقات فريدة إلى المشاركة.
ستخبرك مقالتنا بكيفية اختيار الأزرار الاجتماعية المريحة والجميلة وتثبيتها بشكل صحيح وإضافتها إلى موقع الويب الخاص بك؛ ما هي الخدمات التي تقدم خدماتها وما هي مزاياها؛ كيفية إضافة التعليمات البرمجية وتخصيص أزرار الوسائط الاجتماعية بنفسك.
المشاركة عبر وسائل التواصل الاجتماعي تتيح لك الأزرار زيادة حركة المرور على الموقع بنسبة تصل إلى 20%!
مزايا وعيوب الخدماتيمكن إضافة أدوات المشاركة الفعالة بطريقتين:
توفر الخدمات المتعددة الوظائف للمستخدمين فرصًا كبيرة للتخصيص والتصميم، ولا تتطلب مهارات خاصة، كما أنها تتمتع بواجهة بديهية لإنشاء عناصر جميلة.
جميع الخدمات عبارة عن منصات حيث، بعد إدخال البيانات، يتم إنشاء رمز يجب وضعه على الموقع.
تشمل المزايا الرئيسية لهؤلاء "المساعدين" ما يلي:
- بساطة التكامل وسهولة التعلم.
- القدرة على تغطية جميع الشبكات الاجتماعية ذات الصلة على الفور. الشبكات "بضربة واحدة"؛
- التباين في اختيار مظهر الأزرار وجاذبيتها الجمالية؛
- الحفاظ على النمط العام وهندسة الكتلة، بغض النظر عن الشبكات الاجتماعية المحددة.
يتم تتبع إحصائيات النقل بسهولة في Yandex.Metrica وGoogle Analytics.
ومع ذلك، لا يوجد شيء مثالي. خدمات الأزرار الاجتماعية، على عكس الحلول الرسمية، لها عدد من العيوب:
- انخفاض سرعة تحميل الصفحة، مما قد يؤثر سلبًا على ترتيب الموقع في نتائج البحث وحجم المبيعات؛
- الأعطال والأخطاء في تشغيل الخوادم، مما يؤدي إلى فترات تحميل طويلة للأزرار أو عدم توفرها مؤقتًا؛
- الظهور الدوري للإعلانات؛
- عدم وجود خوارزمية مستقرة للعمل عبر AJAX؛
- الاستخدام المحتمل للذاكرة في المتصفحات؛
- وجود حركة مرور مشكوك فيها؛
- عدم تقديم ضمانات لأمن بيانات المستخدم.
- قد تختلف المكونات الإضافية من منصات مختلفة في التصميم والحجم، مما يجعل من الصعب عليها التعايش بانسجام في نفس الصفحة؛
- تستغرق العملية وقتًا أطول وتتطلب بعض الخطوات التحضيرية ومعرفة أساسية بـ html.
يوجد عدد كبير من الخدمات على الإنترنت، ولكل منها خصائصها الخاصة وتسعد المستخدمين باستمرار بالتحسينات في نظام إعداد أزرار الشبكات الاجتماعية وتنفيذها على الموقع. دعونا نلقي نظرة على المصممين الأكثر شعبية.
أزرار ياندكس للوسائط الاجتماعيةخيارات المظهر:
قائمة الشبكات المتاحة للمشاركة:
الإعداد الأساسي لعرض أزرار الشبكة الاجتماعية من Yandex والرمز الجاهز:
لتثبيت الكتلة، تحتاج إلى إدراج الكود الذي تم إنشاؤه في المكان المطلوب في كود HTML الخاص بالموقع. من الممكن العمل بشكل أكثر دقة مع السمات، وإعداد التحميل غير المتزامن للبرنامج النصي، وما إلى ذلك. (انظر الوثائق).
زائدنظير معروف للخدمة الشهيرة في القطاع الروسي. يتميز المصمم بتصميمه الجذاب للعناصر والوظائف المريحة ووجود إعدادات مفيدة.
نافذة المعاينة والخيارات الإضافية:
بعد إجراء معالجات بسيطة لاختيار الشبكات الاجتماعية اللازمة. الشبكات والأيقونات وإعداداتها، يمكنك رؤية الكود:
(function() ( if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undef) ( window.ifpluso = 1; var d = document, s = d.createElement("script"), g = "getElementsByTagName"; s.type = "text/javascript"; https" : "http") + "://share.pluso.ru/pluso-like.js"; var h=d[g]("body"); (s); )))();
لعرض الخدمة بشكل صحيح، ما عليك سوى نسخ البرنامج النصي الناتج مع البيانات المرفقة وتثبيته في تخطيط موقع الويب في الموقع المحدد.
إلى جانب أدوات المشاركة، فإنه يجعل من الممكن تثبيت عناصر الخدمة الخاصة: "الطباعة"، "الإشارة المرجعية"، وما إلى ذلك.
Uptolikeيمكن للزائرين اختيار 4 أنواع من الأزرار، أحدها عبارة عن عنصر واجهة مستخدم (بمواضع مختلفة بالنسبة للصفحة).
يبدو البرنامج النصي للزر الاجتماعي كما يلي:
يعد رمز العمل باستخدام الأداة أكثر تعقيدًا:
window.informerPosition = (vert:"top"،hor:"left")
للتثبيت، فقط ضع البيانات في القالب.
Pip.Qip.ruممثل خدمات إنشاء الأكواد "الفورية" لتثبيت الأزرار الاجتماعية - Pip.Qip. البساطة هنا تؤكد فقط على الراحة.
للحصول على الرمز المطلوب، تحتاج إلى:
كل ما تبقى هو وضعه في كود الموقع.
- إضافة أزرار وسائل التواصل الاجتماعي يدوياًالبديل لخدمات الأزرار الاجتماعية المريحة بالتأكيد، ولكنها ليست مقبولة دائمًا، هو الشبكات الاجتماعية نفسها. الشبكات التي تتيح إمكانية إضافة أزرار يدويًا إلى موقع ويب باستخدام المكونات الإضافية وواجهات برمجة التطبيقات.
يقوم برنامج VKontakte الشهير بإنشاء رموز زر المشاركة في هذا العنوان.
باستخدام الأداة، يمكنك اختيار نوع زر المستقبل و"تشديد" العداد (عنصر "النمط")، والتوصل إلى اسم أصلي ("نص") والحصول على الرمز المطلوب.
يجب وضع الجزء الأول من الكود داخل العلامة:
الثاني - إلى موقع الزر:
تعد طريقة الحصول على أزرار Facebook الرسمية أبسط وأكثر وضوحًا. على الموقع يمكنك استخدامه
قد يكون من المفيد أن تقرأ:
- كيفية تغيير كلمة المرور على جهاز كمبيوتر أو كمبيوتر محمول;
- لن يتم تشغيل Windows: لماذا؟;
- مجموعة مختارة من تعريفات الخط المباشر الرخيصة والمفيدة للهواتف المحمولة;
- استعادة ملفات Windows 10 عبر سطر الأوامر;
- برنامج يوضح درجة حرارة المعالج;
- البحث عن المعلومات عن طريق رقم الهاتف;
- كيفية فتح جهاز التحكم عن بعد لتلفزيون فيليبس;
- وحدة تحكم الحافلة PCI Express;