كود HTML لأزرار المجموعة الاجتماعية أزرار وسائل التواصل الاجتماعي

تحيات! مؤخرا كنت في تعليقطلب كيفية جعل نفس الأزرار الشبكات الاجتماعية، والتي تم تثبيتها على موقع الويب الخاص بي. وقررت أن أقدم الإجابة في المقال بمراجعة 6 الخدمات الاجتماعية. أزرار للموقع.

المزايا والعيوب

ومع ذلك، تجدر الإشارة إلى أنه في بعض الحالات قد يكون لوضع الأزرار عيوب طفيفة. دعونا نفكر في سبب ضرورة وضع أزرار الشبكات الاجتماعية على المدونة التي تم إنشاؤها، ونفكر أيضًا في الإيجابيات الرئيسية و الجوانب السلبيةوضع مثل هذه الرموز.

عيوب

قد تكون سرعة تحميل الصفحة أبطأ.

مع التركيز المتخصص للغاية لمشروع الإنترنت، قد لا تحصل على التأثير المطلوب.

نظرة عامة على خدمات الأزرار الاجتماعية

دعونا نلقي نظرة على الخدمات الأكثر شعبية التي يمكن استخدامها لإضافة أزرار الشبكات الاجتماعية إلى موقع الويب الخاص بك.

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

تقدم الخدمة أكثر من ثلاثمائة خيار لأزرار مختلفة! يمكنك بسهولة اختيار تلك المفضلة لديك.

يتم التثبيت حرفيًا بنقرة واحدة. هناك إحصائيات التحويل.

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

يقدم لك Yandex اختيار الشبكات الاجتماعية التي سيتم عرضها. يمكن للمستخدم القيام بذلك ببساطة عن طريق تحديد المربعات المجاورة للأزرار التي سيتم وضعها على الكتلة. يمكنك تعديل مظهرها.

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

تتيح هذه الخدمة للمستخدمين وضع أزرار شبكات اجتماعية جميلة جدًا وأنيقة على مواقعهم الإلكترونية. يستخدم النموذج الذي تم إنشاؤه بواسطة الخدمة CSS وJavaScript. سوف يتناسب النموذج الذي تم إنشاؤه بشكل مثالي مع تصميم أي مشروع إنترنت. مثل الأزرار مصنوعة باستخدام التكنولوجيا الحديثةمسج. الاتصال بسيط للغاية ولن يسبب صعوبات حتى للمبتدئين. التحميل سريع جدا.

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

بالإضافة إلى ذلك، تخبرك الخدمة بكيفية إضافة الكود الذي تم إنشاؤه إلى القوالب.

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

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

ملاحظة: شكرًا لكم على اهتمامكم. ما هي الخدمة التي تفضلها؟ وإنني أتطلع إلى تعليقاتكم. :)

في مؤخرالقد أصبح من المألوف تثبيت أزرار وسائل التواصل الاجتماعي على مواقع الويب والمدونات، وهذا ليس مفاجئًا. أولا، تتيح لك الأزرار زيادة "الإعجابات" و"القلوب"، مما يؤثر بشكل إيجابي على الترويج للمقالات على الشبكات الاجتماعية. ثانيا، هناك أنواع معينة من الأزرار التي تسمح لك بمشاركة الروابط إلى الصفحات الفردية للموقع على الشبكات الاجتماعية - وهذا يجذب زوار إضافيين من Vkontakte، Facebook، Odnoklassniki، Twitter، إلخ. ثالثا، المقالات التي وردت عدد كبيرتحظى "الإعجابات" و"القلوب" بثقة كبيرة من قبل قراء الموقع.

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

• فكونتاكتي
• زملاء الدراسة
• فكونتاكتي
• جوجل "+1"
• فيسبوك
• عالمي

سننظر هنا في تثبيت الأزرار القياسية التي تقدمها الشبكات الاجتماعية نفسها. في هذه الحالة، يجب تثبيت كل زر بشكل منفصل عن الآخرين، وهذا يستغرق بعض الوقت، ولكنه يبدو جيدًا أيضًا.

1.1. فكونتاكتي 1.1.1 زر "حفظ".

الزر مرن للغاية، ويمكن تغيير النقش الموجود عليه إلى ما تريد (الافتراضي هو "حفظ").

أولاً، يتعين عليك الانتقال إلى الصفحة التي ستتلقى فيها رمز البرنامج النصي الذي ستحتاج إلى تثبيته على موقعك حتى يتم عرض الزر.

هنا يمكنك اختيار أحد الأنماط الخمسة: زر، زر بدون عداد، رابط، رابط بدون رمز، رمز.

يسمح لك حقل "النص" بتغيير نقش "الحفظ" القياسي إلى نقشك الخاص.

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

يتكون رمز التضمين من جزأين: الأول يجب أن يكون موجودًا في أي مكان بين العلامات و، والثاني - في المكان الذي يجب أن يظهر فيه الزر. اقرأ عن تثبيت زر على موقع ويب في الفقرة.

1.1.2 زر "أعجبني".

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

لتكوين الزر، انتقل إلى هذا الرابط. هنا تحتاج أيضًا إلى ملء عدد من المعلمات.

اسم الموقع – من الأفضل هنا الإشارة إلى الاسم المختصر والحقيقي لموقعك.

عنوان موقع الويب - أدخل العنوان الصفحة الرئيسيةموقعك.

المجال الرئيسي للموقع - حدد المرآة الرئيسية للموقع (يمكن العثور عليها كمعلمة للمشغل "المضيف")، إذا وجدت صعوبة في القيام بذلك، فاترك VKONTAKTE المقترح.

خيارات الزر هي أنماط مختلفةالأزرار، فهي تؤثر على مظهرها.

ارتفاع الزر هو الأبعاد الهندسية لزر "أعجبني".

اسم الزر – هناك خياران متاحان (يعجبني، إنه مثير للاهتمام).

رمز الإدراج هو الرمز المطلوب لعرض الزر الخاص بشبكة VKontakte الاجتماعية.

1.2 الفيسبوك

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

عنوان URL المراد الإعجاب به – عنوان URL لصفحة الزر (إذا لم يتم ملء الحقل، فسيتم أخذ عنوان الصفحة التي يوجد بها الزر).

زر الإرسال - يتضمن وجود علامة اختيار فرصة جديدة– إرسال رابط إلى الفيسبوك (سيتم عرضه زر إضافي- "يرسل"). عند تشغيله، سيتم عرض زرين في وقت واحد.

نمط التخطيط – يؤثر نمط الزر على مظهره (يعتبر عدد الأزرار قياسيًا).

العرض - عرض الزر بالبكسل.

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

الخط - نوع خط الزر.

نظام الألوان – خلفية المساحة المجاورة للزر (أبيض وأسود).

فعل للعرض - اسم الزر (أعجبني، أوصي به).

الحصول على الكود – زر يقوم بإنشاء كود البرنامج النصي.

1.3 Odnoklassniki وعالمي

وقد اكتسبت هذه الشبكات الاجتماعية شعبية واسعة في الإنترنت باللغة الروسية، يعيش هناك عدد كبير من الأشخاص، لذا لا تهمل تثبيت زر "الفصل" من خدمة Odnoklassniki وزر "أعجبني" من موقع My World.

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

حجم الارتفاع – الحجم الهندسي للأزرار.

المظهر - مظهر إطار الزر.

- اختيار الأزرار (مثل الطبقة)

العداد – تشغيل وإيقاف الزر، اضغط على العداد (على اليمين، في الأعلى – موقع العداد).

النص الموجود على الأزرار – حدد أحد الأسماء الثلاثة المتاحة للأزرار.

رمز التضمين – رمز البرنامج النصي الذي يجب تثبيته على الموقع.

1.4 جوجل "+1"

شبكة اجتماعية جديدة اكتسبت في وقت قصير جمهور ضخم. من الصعب تخيل موقع بدون زر "+1"، لأن... فهو لا يسمح لك فقط بإضافة روابط إلى شبكة اجتماعية وزيادة عدد "الإيجابيات"، ولكن يمكنه أيضًا التأثير على نتائج الموقع في الأعلى محرك بحثجوجل.

توجد جميع التفاصيل حول هذا الأمر بالإضافة إلى تثبيت الزر وتكوينه.

1.5 تويتر

الخدمة الأكثر شعبية رسائل قصيرةلا يمكن تجاهلها. قم بتثبيت زر لهذه الشبكة الاجتماعية وشاهد مدى سرعة مشاركة الأشخاص للروابط إلى موقعك على Twitter. يمكنك تخصيص الزر هنا.

أولا عليك أن تختار الزر المطلوب(نحن مهتمون بالخيار الأول – زر “إرسال الرابط”).

بعد ذلك، سيظهر نموذج على الصفحة يحتوي على العديد من الحقول التي يجب ملؤها.

إرسال الرابط – حدد الصفحة التي يوجد بها الزر، أو أي صفحة أخرى.

النص - حدد النص الذي سيظهر بجوار الزر (ليس على الزر نفسه).

إظهار العداد - تمكين أو تعطيل حساب عدد الضغطات على الزر.

الاستخدام – تحديد طريقة لإضافة رسالة رابط إلى تويتر (لا يؤثر على أي شيء).

العلامة – حدد العلامة التي سيتم نشرها على تويتر (لا تؤثر على أي شيء).

زر كبير - التكبير الحجم الهندسيأزرار.

رفض تكييف تويتر - رفض أنماط تويتر (من الأفضل ترك المربع بدون تحديد).

اللغة - حدد لغة الزر.

على اليمين، سيتم إنشاء رمز يجب إضافته إلى الموقع.

1.6 يا.رو

للقيام بذلك، تحتاج إلى ملء العديد من الحقول التي سيتم تشكيلها الرمز المطلوبالبرنامج النصي.

الحجم - صغير أو حجم كبيرأزرار.

النمط - اختر بين زر أو رمز.

وجود العداد - تمكين أو تعطيل زر الضغط على العداد.

يعد مظهر الزر مثالاً على الشكل الذي سيبدو عليه الزر.

العنوان - حدد عنوانًا للصفحة (مخصص أو عنوان الصفحة الحالية).

كود التضمين – الكود المطلوب الذي يتم إضافته إلى الموقع.

2. أزرار جاهزةللموقع

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

لتكوين الكتلة واختيار الشبكات الاجتماعية المطلوبة، اتبع هذا الرابط. توضح لقطة الشاشة أدناه أنه يمكنك تحديد الأزرار الخاصة بالشبكات الاجتماعية المطلوبة من تلك المعروضة، وكذلك تعديل مظهر الكتلة قليلاً.

مجموعة الخدمات - اختيار أزرار الشبكات الاجتماعية للموقع (سيتم عرض تلك التي تحمل علامة اختيار على الموقع).

الكود هو البرنامج النصي المطلوب الذي يجب إضافته إلى الموقع.

2.2 أزرار بلسو

في الآونة الأخيرة، اكتسب مصمم أزرار الشبكات الاجتماعية – PLUSO – شعبية واسعة. يمكنك الذهاب إلى الموقع باستخدام هذا الرابط.

المنشئ مرن للغاية، ويحتوي على العديد من الإعدادات، حتى تتمكن من إنشاء أزرار الشبكة الاجتماعية التي تتناسب تمامًا مع تصميم الموقع.

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

ستحتاج بعد ذلك إلى تكوين عدد من الإعدادات عن طريق التحديد

• موقع الكتلة (عمودي، أفقي)؛
• لون الزر (مشرق، داكن)؛
• حجم الكتلة (كبير، صغير)؛
• العداد (الحضور أو الغياب) ؛
• الخلفية (عديم اللون أو ملون)؛

سيتم إنشاء الكود وفقًا للمعلمات التي حددتها، وبعد ذلك يجب إدراجه في الموقع.

س هير42

خدمة أخرى تسمح لك بتصميم أزرار لموقعك على الويب هي Share42.com/ru.

يتيح لك هذا المولد تخصيص حجم الأزرار وتحديد الشبكات الاجتماعية المطلوبة منها عدد ضخمالمتاحة، وكذلك تحرير مظهر الرموز.

حدد حجم الأزرار والشبكات الاجتماعية المطلوبة، ثم تابع لتكوين الخيارات الإضافية.

نوع اللوحة التي تحتوي على أيقونات - عرض مجموعة من الأزرار (يعد خيار "العائمة العمودية" مثيرًا للاهتمام للغاية).

تحديد عدد الرموز المرئية - حدد عدد الأزرار المعروضة (سيتم إخفاء الأزرار الأخرى خلف الرابط).

ترميز الموقع – حدد ترميز موقعك.

قم بإضافة أيقونة لموقع Share42.com - ربما يجب عليك إلغاء تحديدها.

إظهار العدادات - قم بتمكين عداد نقرات الأزرار (فقط عند تشغيل jQuery).

تثبيت من هذا البرنامج النصيمعقدة للغاية، ولكن تم وصفها خطوة بخطوة على موقع Share42 نفسه.

3. كيفية تثبيت الأزرار على الموقع

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

يجب إضافة الجزء الأول من الكود بين العلامات والعلامات. للقيام بذلك، انتقل إلى لوحة إدارة ووردبريسوانتقل إلى محرر القالب.

في محرر القوالب، تحتاج إلى العثور على ملف "Header" (header.php)، إذا لم يكن هناك أي ملف، ثم - "القالب الرئيسي" (index.php). أنت الآن بحاجة إلى العثور على العلامة أو. إذا كان في الملفات المحددةلا توجد مثل هذه العلامات (جميع المواضيع مختلفة، قد يكون هذا هو الحال)، فسيتعين عليك فتح جميع الملفات للتحرير والبحث عن العلامة في كل منها. للبحث يمكنك استخدام اختصار لوحة المفاتيح "Ctrl+F".

بمجرد العثور على العلامات الضرورية، يمكنك وضع الجزء الأول من الكود مباشرة قبل علامة الإغلاق حتى لا تلمس أكواد البرامج النصية الأخرى عن طريق الخطأ.

يتم وضع الجزء الثاني من الكود في المكان الذي تريد رؤية أزرار الوسائط الاجتماعية المحددة للموقع. إذا كان الكود يتكون من جزء واحد فقط، يكفي إجراء هذه العملية فقط.

في أغلب الأحيان، تتم إضافة الأزرار قبل المقالة أو في النهاية. الأسهل بالطبع هو الخيار الثاني. سوف ننظر في الأمر.

تحتاج إلى العثور على المكان الذي تنتهي فيه المقالة (جزء النص الرئيسي من الصفحة). للقيام بذلك، تحتاج إلى تحرير الملف "إدخال واحد" (single.php).

أنت الآن بحاجة إلى العثور على المشغل المسؤول عن عرض المحتوى الرئيسي للمقالة. في حالتي، هذا هو "the_content"، وبعده مباشرة يتم وضع رمز الزر.

وبالمثل، يمكنك وضع الكود في بداية المقالة، كل ما عليك فعله هو إيجاد مكان بين العنوان ونص المقالة.

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

تمتلك كل شركة تقريبًا اليوم موقعًا إلكترونيًا وحتى مدونة. هل لديك موقع على الانترنت؟ أتمنى ذلك! إذا لم يكن الأمر كذلك بعد، فأنت بحاجة إلى التفكير في الأمر بشكل عاجل! حسنًا، مع المدونين والمهنيين المستقلين (المستشارين والعاملين المستقلين)، من الواضح أن لديهم دائمًا عنوانهم الخاص على الإنترنت - موقع ويب. أيها الأصدقاء، المشكلة هي أن عددًا قليلًا من المواقع تم تحسينها بالفعل للشبكات الاجتماعية. يمكنهم إنتاج مجموعة من الأشياء المفيدة جدًا و محتوى مثير للاهتماملكن لا أحد يراها أو يسمعها. SMO (تحسين وسائل التواصل الاجتماعي) - هل سمعت هذا المصطلح؟ لذلك لا أحد يشارك في هذا CMO (تحسين موقع الويب للشبكات الاجتماعية). ولكن عبثا! موجود كمية ضخمةالأساليب التي يعرفها الخبراء لإنشاء حركة مرور على موقع الويب، كما يقولون. يمكن أن تساعد التلاعبات البسيطة + وجود الأفكار والإبداع في تعزيز شركتك بشكل كبير. أنا أضمن لك هذا!

لذا، سأخبرك أدناه بكيفية تثبيت الأزرار والأدوات الاجتماعية الرسمية على موقع الويب الخاص بك. ستكون هذه مجرد أزرار وعناصر واجهة مستخدم رسمية - بدون خدمات أو مكونات إضافية!

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

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

اختر الاجتماعية الشبكة التي تريد تثبيت أزرارها:

صِنف الأزرار الاجتماعية

قبل أن ندخل في تعليمات تثبيت الزر، أود أن ألفت انتباهكم إلى حقيقة وجوده أنواع مختلفةأزرار:

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

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

موقع المطورين على الفيسبوك: https://developers.facebook.com/docs/plugins

زر "أعجبني".

كيفية التثبيت؟

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

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

لذلك، لتثبيت زر "أعجبني"، في صفحة المطورين، في العمود الأيسر، انقر فوق "زر أعجبني (الشبكة)". أنت الآن بحاجة إلى الاختيار من بين الخيارات التي يقدمها Facebook للحصول على الأداة التي تريدها بالضبط.

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

2) العرض - إذا كانت لديك مساحة محدودة للزر، فيمكنك تحديد عرض الأداة بالبكسل. الأزرار نفسها صغيرة، ولكن إذا اخترت أزرارًا قياسية، فسيشغل النص مساحة كبيرة جدًا. سأتحدث عن هذا في الفقرة التالية.

3) التخطيط - نوع القطعة. يوفر فيسبوك 4 خيارات للاختيار من بينها: قياسي (كما في الصورة)، مع عداد كبير، مع عداد صغير، وأزرار فقط. كل هذا يتوقف على ذوقك، ونمط الموقع، والمساحة المتاحة للأزرار، وكذلك الرغبة في عرض العدادات (أي عدد الأشخاص الذين نقروا على الزر).

4) نوع الإجراء - نوع الإجراء، أي نوع الزر الذي تريد تعيينه: "أعجبني" أو "موصى به". لقد كتبت بالتفصيل عن الاختلافات بين هذه الأزرار - وعناصر واجهة المستخدم على Facebook بشكل عام - في ملفي.

5) إظهار وجوه الأصدقاء - إذا كنت تريد أن تُظهر الأزرار لزائر موقعك الصور الرمزية لأصدقائه الذين نقروا بالفعل على الزر "أعجبني"، فحدد هذا المربع. إذا لم يعجب أي من أصدقائك بالصفحة أو المقالة أو ما إلى ذلك، فلن يعرض Facebook الصورة، ولكن في النص سيدعو المستخدم ليكون أول من يعجب بها. إذا سمحت المساحة أنصح بتشغيل هذا الخيار، حيث أن وجوه الأصدقاء لها تأثير إيجابي على تصور القارئ للمحتوى، مما يزيد من ثقته وغالباً ما يدفعه للنقر على الزر، على الأقل من باب التضامن.

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

يجب أن يفتح الموقع باللغة الروسية، ولكن إذا كان باللغة الإنجليزية لسبب غريب، فيمكنك تغيير اللغة في أعلى الصفحة.

كيفية التثبيت؟

زر التغريد

هناك زر آخر معروف على تويتر وهو زر "التغريد"، والذي يسمح للمستخدمين بمشاركة المحتوى الخاص بك مع متابعي تويتر.

كيفية التثبيت؟

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

زر الهاشتاج

هذا زر مثير للاهتمام للغاية، وأنا متأكد من أن لا أحد يعرف عنه تقريبًا. أنا شخصياً لم أر قط أي شخص يستخدمه على RuNet. ومع ذلك، فهو جيد جدًا لحل بعض المشكلات. على سبيل المثال، يمكن استخدام هذا الزر للترويج لأي أحداث أو ندوات عبر الإنترنت أو مناقشات على تويتر تحت علامة معينة أو حملات تسويقية أو مسابقات. أي شئ! هنالك مساحة كبيرةللإبداع!

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

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

كيفية التثبيت؟

يتم تثبيت زر "Hashtag" من نفس الصفحة التي كتبت عنها أعلاه.

زر الإشارة

أخيرًا، سأخبرك عن زر جيد آخر، والذي للأسف لا يستخدمه أحد. ولكن عبثا! يمكن القول أن هذه تغريدة عادية تم إرسالها مسبقًا الملف الشخصي المحدد. أعتقد أن الزر قليل الاستخدام لأن الكثير من الأشخاص لا يعرفون كيفية ومكان تثبيته. اسمحوا لي أن أقدم لكم بعض الأمثلة التي تتبادر إلى ذهنكم. إذا كنت تعرف أن الخاص بك الجمهور المستهدفموجود على Twitter ويستخدم هذه الشبكة الاجتماعية بنشاط. الشبكة، لماذا لا تشجعون الناس على التغريد لكم مباشرة من الموقع؟ يمكن أن تكون هذه تغريدة لمؤلف المقال، أو تغريدة من صفحة "نبذة عنا" أو "جهات الاتصال"، أو تغريدة مباشرة إلى دعم تويتر، وما إلى ذلك. هل تدرك كم الفرص التي تفوتك للتوابل حسابك على تويتر؟

إذا جاء شخص ما إلى موقعك، فهذا يعني أنه لديه بالفعل بعض الاهتمام بك، لذلك عليك دفعه إلى العمل الآن. في دقيقة واحدة قد يكون قد فات الأوان! لسوء الحظ، لقد حان الوقت الذي ننسى فيه القيام بشيء ما بسرعة كبيرة، حيث نقوم بتحويل انتباهنا من شيء إلى آخر كل دقيقة. وكلما كان جمهورك أصغر سناً، كلما كانت هذه الظاهرة أكثر وضوحاً، لذلك لا تنسى وجود هذا الزر وحاول استخدامه حيثما كان ذلك مناسباً.

كيفية التثبيت؟

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

انظر أدناه كيف يعمل هذا الزر. لا تنس أن تكتب لي رأيك في هذا المقال على تويتر :) أريد أن أعرف رأي قرائي، لذلك أود أن أسمع منك.

مثال على زر "الإشارة".

تويتر الحاجيات

لقد اكتشفنا أزرار تويتر. الآن أود أن أخبركم بإيجاز عن الأدوات الرسمية التي يمتلكها تويتر. البرامج النصية لجميع الحاجيات، يمكنك الحصول عليها من هذا وصلة.

الحاجيات هي من الأنواع التالية:

• القطعة العادية مع أحدث التغريدات.
• أداة البحث التي تعرض نتائج البحث حسب المفتاح المعطىفي الوقت الحقيقي. يعد هذا النوع من الأدوات مناسبًا جدًا للبحث، على سبيل المثال، عن طريق علامة التصنيف الخاصة بعلامتك التجارية. انظر مثالاً على استخدامه في قسم "زر الهاشتاج" الخاص بتويتر؛
• أداة المفضلة - تعرض التغريدات التي قمت بوضعها في المفضلة. يمكن استخدام هذا النوع من الأدوات، على سبيل المثال، لعرض التعليقات الإيجابية حول الشركة. ولم لا؟
• أداة المجموعات - المجموعات موجودة في مكان ما بين المفضلة والقوائم. يمكنك تحديد التغريدات التي تنتهي في المجموعة يدويًا. يرجى ملاحظة أن كل مجموعة لها رابطها ووصفها الخاص. هذه الميزة قليلة الاستخدام على تويتر، على الرغم من أنها مثيرة للاهتمام للغاية.
• تعرض أداة القوائم قوائم ملفات التعريف التي قمت بإنشائها. هنا أيضًا، يمكنك الإبداع والقيام بشيء مثير للاهتمام ومفيد للقارئ، والذي سيفيدك في نفس الوقت. ماذا عن قائمة الشركاء، أو حسابات شركتك (إذا كان هناك الكثير منهم)، أو مجموعة حسابات تويتر التي تديرها (للوكالات والمستقلين)، أو، على سبيل المثال، قائمة الأعضاء الموجودين في ناديك؟ مرة أخرى، نطاق الإبداع ليس محدودا هنا.

مثال على أداة تويتر العادية

فكونتاكتي

تحتوي شبكة VKontakte الاجتماعية، مثل غيرها، على مجموعة كاملة من الأزرار والأدوات المختلفة. يمكن الاطلاع على القائمة الكاملة لهم على موقع المطورين: https://vk.com/dev/sites

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

زر الإعجاب

كيفية التثبيت؟

أولا عليك أن تذهب إلى صفحة القطعة. لقد قدمت رابطًا لقائمة الأدوات في بداية قسم فكونتاكتي.

كيفية التثبيت؟

من أجل إدراج أداة "المجتمع" في الموقع، تحتاج أولاً إلى إدخال رابط لصفحتك أو مجموعتك على فكونتاكتي. بعد ذلك، يمكنك اختيار ما إذا كنت تريد أن تعرض الأداة وجوه أعضاء الفرقة أو معجبي الصفحة، و آخر الأخبارمن الصفحة أو تريد مكونًا إضافيًا بسيطًا به زر "أعجبني". نظرًا لأن أداة VK تشبه إلى حد كبير Facebook، فإن التوصيات المتعلقة بنوع المكون الإضافي تظل كما هي. لن أكرر كلامي، لذا إذا كنت مهتمًا، فراجع قسم المكونات الإضافية لفيسبوك.

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

قمت مؤخرًا بإنشاء صفحة مدونة "حول SMM" على فكونتاكتي. لذلك، إذا كنت ترغب في الحصول على آخر التحديثاتفي هذا الاجتماعية الشبكات، ثم انضم إلينا!

مثال على البرنامج المساعد "المجتمع" على فكونتاكتي

القطعة "الاشتراك في المؤلف".

مثل مكون Facebook الإضافي الذي يحمل اسمًا مشابهًا، يوصى باستخدام هذه الأداة لأي شخص يرغب في تطوير تطبيقاته العلامة التجارية الشخصية. إذا كنت، على سبيل المثال، مؤلف كتب أو مدونة، أو صحفي، أو محامٍ، أو وكيل عقارات، وما إلى ذلك، فلماذا لا تقوم بتثبيت مثل هذا الزر على موقع الويب الخاص بك؟ المشترين المحتملينأسهل لإقامة اتصال مع شخص حقيقيمن، على سبيل المثال، صفحة أو مجموعة، ليس من الواضح من يقف وراءها. هكذا خلقنا، الإنسان كائن اجتماعي، ونحن نحب اتصال شخصيلذلك، ستكون هذه الأداة مفيدة لأي محترف، بغض النظر عن المجال الذي تعمل فيه.

كيفية التثبيت؟

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

أدوات فكونتاكتي الأخرى

يا رفاق، لقد أدرجت أعلاه أدوات VK الأكثر شيوعًا وفعالية، لكن القائمة لا تقتصر على هذا. لدى VKontakte أيضًا مجموعة كاملة من الأدوات المختلفة التي يمكن أن تكون مفيدة في موقف أو آخر. على سبيل المثال، أداة الاستطلاع، والتي لا يستخدمها أحد تقريبًا. إذا قمت بإنشاء استطلاع على صفحة VK الخاصة بك، فلماذا لا تدرجه في مقال حول هذا الموضوع؟ سيتمكن قراء موقعك من التصويت لخيارهم مباشرة على موقعك، وستنتقل المعلومات حول هذا أيضًا إلى VK. ليس سيئا، أليس كذلك؟

هناك أيضًا أداة توصيات مثيرة للاهتمام تعرض المقالات الأكثر إثارة للاهتمام على مدونتك أو موقع الويب الخاص بك. يتم تحديد درجة الاهتمام بمحتوى معين من خلال عدد النقرات على زر "أعجبني". باختصار، سيحسب VKontakte تلقائيًا عدد المستخدمين الذين نقروا على أزرار "أعجبني" وسيقومون بجمع جميع المقالات الأكثر إثارة للاهتمام في هذه الكتلة. إذا كان جمهورك المستهدف ممثلًا على نطاق واسع على وسائل التواصل الاجتماعي. شبكة VKontakte، فمن المفيد تجربة وتثبيت هاتين الواجهتين: "أعجبني" و"التوصيات". أنا متأكد من أن النتائج لن تجعلك تنتظر!

ينكدين

الآن دعونا نتحدث عن لينكد إن. تزداد شعبية هذه الشبكة هنا، لذلك لا يزال الكثير من الناس يفهمون كيف يمكن استخدامها لتحقيق ذلك نتائج إيجابية. في أمريكا، حيث تأتي هذه الشبكة، هناك عدد قليل من المهنيين أو الشركات التي ليس لديها ملف تعريف خاص بها على LinkedIn. هناك سوف ينظرون إليك بارتياب إذا لم تكن مسجلاً على الأقل في وسائل التواصل الاجتماعي. الشبكات. في أوروبا، واستخدام الاجتماعية تختلف الشبكات بشكل كبير حسب البلد. على سبيل المثال، تعد المملكة المتحدة والسويد رائدتين في دمج LinkedIn في استراتيجية التسويقشركات. إنهم لا يشجعون الموظفين على إنشاء ملفات شخصية على الإنترنت فحسب، بل يقومون أيضًا بتوظيف الأشخاص من خلال LinkedIn، والإعلان عن الشركات والمنتجات، والبحث عن العملاء المحتملينوالشركاء، الخ.

لكن هذا ليس ما نتحدث عنه اليوم. سوف نتحدث عن الإضافات الاجتماعيةالتي طورتها LinkedIn لنا وأين وكيف نستخدمها. لا تتسرع في القول بأن هذه الشبكة ليست مثيرة للاهتمام بالنسبة لك! وإذا كنت تعمل في مجال الاستشارات b2b، فعليك ببساطة قراءة هذا القسم.

لذلك، LinkedIn، مثل جميع الشبكات الاجتماعية. الشبكات، هناك صفحة منفصلة، حيث يمكنك رؤية جميع الأزرار والمكونات الإضافية الموجودة: https://developer.linkedin.com/plugins

موقع المطورين، للأسف، موجود فقط باللغة الإنجليزية، لذلك سأحاول أن أشرح بأكبر قدر ممكن من التفاصيل تثبيت كل مكون إضافي وزر.

كيفية التثبيت؟

كيفية التثبيت؟

يتم تثبيت زر "الاشتراك" من نفس صفحة المطورين، الرابط الذي قدمته في بداية القسم. في العمود الأيسر، انقر على "متابعة الشركة" وسيظهر لك LinkedIn القسم المطلوب. أولاً، حدد نوع الزر الذي تريد تثبيته: مع عداد رأسي أو أفقي، أو ربما الأكثر شيوعًا وانقر فوق "احصل عليه". بعد ذلك، تحتاج إلى إدخال اسم الشركة التي تقوم بتثبيت الزر لها. في العمود المناسب، ابدأ بكتابة الاسم حرفًا بحرف، ويجب أن يظهر في القائمة. في بعض الأحيان، يستغرق تحميل القائمة وقتًا طويلاً، لذا خذ وقتك. يجب كتابة الاسم تماما كما هو مكتوب على صفحة الشركة. ثم حدد لغة الزر - الروسية، ونوع الزر وانقر على زر "الحصول على الرمز". الآن فقط قم بلصق الكود بداخله المكان الصحيحعلى الموقع وكل شيء جاهز! بالمناسبة، في اللغة الروسية، سيُطلق على الزر اسم "المسار"، وهو ما لا يعجبني حقًا. أنا شخصياً سأترك النسخة الإنجليزية. ولحسن الحظ، الجميع يعرف بالفعل ما تعنيه كلمة "متابعة" :)

لم أقم بإنشاء صفحة شركة على LinkedIn بعد، لذا مثال حقيقيليس بعد. إذا قمت بإنشاء صفحة في المستقبل، سأدرجها بالتأكيد في المقالة كمثال.

زر "الملف الشخصي".

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

لمن يمكن أن يكون هذا البرنامج المساعد مفيدًا؟ أعتقد أنه سيكون مفيدًا جدًا للأشخاص الذين يعملون في قطاع B2B. على الرغم من أنه يمكنك استخدامه في أي مكان: على صفحة عن مؤلفي الموقع، على صفحة عن موظفي الشركة، على صفحات عن عملائك وشركائك (بإذنهم بالطبع) - هناك العديد من الخيارات. الشيء الرئيسي هو أن أزرار الملف الشخصي هذه تتلاءم بشكل عضوي مع موقع الويب الخاص بك واستراتيجية شركتك. إذا كان لدى موظفيك ملفات تعريف نصف مكتملة، وقاموا بتسجيل الدخول إلى LinkedIn مرة واحدة سنويًا، وكان لديهم 10 اتصالات، فلا فائدة من عرض هذه الملفات الشخصية. على العكس من ذلك، إذا كانت شركتك تقوم بالترويج بنشاط على وسائل التواصل الاجتماعي. الشبكة، فإن هذا البرنامج المساعد يمكن أن يجلب لك الكثير من الفوائد.

زر +1

كيفية التثبيت؟

كيفية التثبيت؟

يتم تثبيت جميع أزرار وعناصر واجهة مستخدم Pinterest باستخدام الرابط الموضح أعلاه. لتثبيت زر "Pin it"، يجب عليك تحديد الزر المقابل في العمود الأيسر.

يعد إعداد أزرار Pinterest أكثر تعقيدًا بعض الشيء نظرًا لوجود العديد من الخيارات المختلفة، ولكن لا يزال من الممكن إعدادها بنفسك.

1) في السطر الأول من "نوع الزر" يمكنك تحديد نوع الزر الذي تريد تثبيته على الموقع: صورة معينة، أو أي صورة من الصفحة أو زر تثبيته الذي سيظهر على صور الصفحة/المقالة .

2) السطر الثاني هو "المظهر" أي نوع الزر. يقدم موقع Pinterest هنا العديد من الخيارات للاختيار من بينها: كبيرة أو صغيرة؛ مستطيلة أو مستديرة. أحمر أو رمادي أو أبيض؛ النص باللغة الإنجليزية أو اليابانية.

3) السطر الثالث هو العداد. هنا يمكنك اختيار وضع العداد في الأعلى أو على الجانب أو إزالته تمامًا.

اعتمادا على نوع الزر الذي تختاره، ستتغير خياراته.

• يشير زر "صورة واحدة" إلى أنك تريد تعيين صورة محددة يمكن لقارئ الموقع تثبيتها لرابط معين. أي أنه لن يكون أمام القارئ خيار، حتى لو كانت هناك صور أخرى على صفحتك. إذا قررت تعيين صورة لزر، فيجب تثبيت هذا الزر بشكل منفصل في كل صفحة، لأنه يتطلب إدخال رابط للصفحة/المقالة. في العمود الأول، يتعين عليك إدراج رابط للصفحة التي سيشاركها المستخدمون، أي الرابط الذي سيقومون بتثبيته. بعد ذلك، قم بتوفير رابط للصورة. بالمناسبة، يمكن أن يكون هذا أي مصدر، حتى خارج موقعك. في العمود الأخير، يمكنك تحديد نص الصورة التي سيشاركها المستخدم. يمكن أن يكون هذا، على سبيل المثال، عنوان صفحة أو عنوان مقال. قبل إرسال الدبوس، يمكن للمستخدم اختياريًا استبدال النص الخاص بك بنصه الخاص.
• زر "أي صورة" أو أي صورة. هذا الزر بسيط جدًا ولا يتطلب أي شيء معلمات إضافية. كل ما عليك فعله هو اختيار حجم الزر ونوعه، وكذلك تحديد ما إذا كنت بحاجة إلى عداد أم لا.
• زر "تحويم الصورة"، أي الزر الذي سيظهر على الصورة نفسها عند تحريك مؤشر الماوس فوقها. يمكنك تجربة كيفية عمل ذلك في صورة مثال Pinterest.

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

مثال على التعليمات البرمجية التي تم تثبيتها مرة واحدة فقط في علامة الصفحة: .

زر الاشتراك

Pinterest، مثل Google+، لا يفرق بين الحسابات الشخصيةوحسابات الشركة، بحيث يتم إنشاء زر "الاشتراك" لكليهما في مكان واحد. تثبيت هذا الزر سهل مثل قصف الكمثرى. كل ما عليك فعله هو إدخال رابط ملفك الشخصي وتسمية الزر.

كما كتبت أعلاه، لا يمكنني إدراج أزرار Pinterest بسبب تعارض في البرنامج النصي، لذا إذا كنت تريد أن تصبح صديقًا لي على Pinterest، فما عليك سوى اتباع هذا الرابط.

المكافأة: الارتباطات التشعبية

أدناه، سأقدم أمثلة على كيفية إنشاء هذه الروابط يدويًا. يمكنك أيضًا تجربة منشئ روابط خاص - Share Link Generator. في هذا الموقع، يمكنك إنشاء روابط لـ Facebook وTwitter وGoogle+ وPinterest وLinkedIn. سيكون من السهل فهم الموقع، لذلك لن أشرح ماذا وكيف. ومع ذلك، انظر إلى نصائحي، حيث أن منشئ الارتباط لا يوفرها الرابط الكاملل تنسيق HTML+ كود حول كيفية جعل الرابط يفتح في نافذة جديدة. كل هذا بالإضافة إلى أمثلة على الروابط لوسائل التواصل الاجتماعي. شبكة فكونتاكتي ستجدها في هذا القسم.

نص الارتباط التشعبي

هنا تظهر عبارة "من يريد شراء برنامج بخصم 8% على العرض؟" مكتوب بواسطة المستخدم نفسه، وفيما يلي كيف يبدو رابط الموقع على الشبكة الاجتماعية. ليست جميلة جدا، أليس كذلك؟

ثم سيبدو الرابط الموجود على الشبكة الاجتماعية كما يلي:

هنا "اليوم هو عيد ميلاد allsoft.ru - 8 سنوات :)" هو النص الذي كتبه المستخدم، والباقي معلومات من العلامات الوصفية. يمكنك قراءة المزيد عن هذه العلامات الوصفية على صفحة الفيسبوك Developers.facebook.com/docs/share، كما أن الشبكات الاجتماعية الأخرى تفهمها جيدًا.

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

كيفية إرسال أوصاف مختلفة لصفحة واحدة.
على سبيل المثال، عند إنشاء صفحة ترويجية على allsoft.ru مع اختبار فكاهي، كان من الضروري إرسال أوصاف مختلفة إلى الشبكات الاجتماعية لعدد مختلف من النقاط التي سجلها المستخدم في الاختبار. نظرًا لأن شبكة التواصل الاجتماعي تتلقى وصف الصفحة من خلال النقر على الرابط، ثم لـ أوصاف مختلفةتحتاج إلى روابط مختلفة. بالإضافة إلى ذلك، يسمح تويتر بـ 140 حرفًا فقط، لذلك يحتاج إلى وصف منفصل وأقصر.

New Ya.share(( element: "ya_share_normal"، elementStyle: ( "type": "none"، "quickServices": ["facebook"، "twitter"، "odnoklassniki"، "vkontakte"، "moimir"] )، الرابط: "http://allsoft.ru/promo/allsoft8let/?share=normal"، ServiceSpecific: ( twitter: ( title: "نتيجة الاختبار: التنين هو نقطة قوتك تقريبًا! لا يمكنك تدريس علم التنين بعد، ولكن على الطريق الصحيح!" ) ) ));
1. هنا ya_share_normal هو معرف العنصر الموجود في الصفحة ()، حيث ستظهر الكتلة ذات الأزرار الاجتماعية، الرابط هو الرابط، بالإضافة إلى أنه في الخدمة الخاصة بتويتر نشير إلى العنوان، والذي يختلف عما هو موجود في og: علامة تعريف العنوان.

وبالتالي، بالنسبة للمهمة "3 نتائج اختبار مختلفة بالإضافة إلى رابط مشترك لصفحة خارج الاختبار" سيكون لدينا 4 علامات:

و4 كتل من كود JavaScript على النحو الوارد أعلاه.

كيفية تغيير العنوان والوصف المخزن مؤقتًا بواسطة الشبكة الاجتماعية.
1. بالنسبة للفيسبوك هناك أكثر من ذلك أفضل طريقة: انتقل إلى المصحح بهم

إذا كنت تخشى أن تتم مراقبتك على الإنترنت، فأوقف تشغيل جهاز الكمبيوتر الخاص بك.

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

ليس سرًا أن جميع خدمات الأزرار الاجتماعية تقريبًا تقوم بتسريب معلومات حول المستخدمين أينما احتاجوا إليها. يا إلهي! لا يمكن أن يكون! لقد اكتشفت للتو عن هذا! - تهانينا! إنهم بحاجة إلى استخدامك بطريقة ما، في عملهم وجهودهم. لقد فعلوا خدمات جيدة، مع وظائف رائعة وراحة و"جودة". كل ما عليك فعله هو اختيار ما تحتاجه ووضع الكود في المكان الذي تريده. هذا كل شيء. وما فائدة قيامهم بمثل هذه المناورات على الإنترنت مجانًا؟ يمين. لا. لذلك، من وقت لآخر، ينشغل كل مكتب من هذه المكاتب بإلقاء البيانات في بعض DMP.

لن أصف كل من هذه الخدمات؛ وظيفة جيدة، بعض رقائق فريدة من نوعها، ولكن ليس لدي الرغبة في تقديمها بشكل منفصل. لقد قمت بتجميع قائمة قصيرة أدناه.

قائمة الأكثر الخدمات الشعبيةالأزرار الاجتماعية للموقع

• pluso.ru
• uptolike.ru
• tech.yandex.ru/share
• share42.com
• sharethis.com
• pip.qip.ru
• www.addtoany.com
• www.po.st
• www.addthis.com
• sharebuttons.com

إذا لم يكن لديك ما يكفي من الوقت، أو كنت كسولًا جدًا بحيث لا تستطيع القيام بأكثر من حركتين لليدين وكتائب الأصابع، فيمكنك استخدام هذه الخدمات بأمان. إنها رائعة للمواقع الإلكترونية وكذلك للزوار. لكن لا أحد يضمن أمان بيانات المستخدم بنسبة 100%، وتشغيل DNS الخاص به بنسبة 100%، وتحميل مواقعك. أولئك. إذا كان هناك فشل في خوادم الأزرار الاجتماعية، فسيتم تحميل مواقعك بشكل أبطأ من المعتاد. نعم، نادرًا ما يحدث هذا، لكنه يحدث. بالطبع يمكنك وضع تحميل غير متزامنتعمل هذه النصوص على تحسين عملها، لكن هذه أكثر من حركتين كتبت عنهما للكسالى.

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

مثال على تثبيت هذا الكود ليس لأولئك الذين لا يعرفون أساسيات HTML أو CSS، ولكن إذا كان لديك الأيدي والقليل من الوقت، فسوف تنجح إذا اتبعت التعليمات بدقة. وهكذا ذهبنا:

تبدو مثل هذا:

تم تكوين ست شبكات اجتماعية وفقًا للمعايير: Facebook، VKontakte، Odnoklassniki، Moy Mir، جوجل بلس،تغريد. هناك أكثر من 30 منهم في إعدادات البرنامج النصي، ولكن يمكن تثبيت كل هذا بشكل منفصل إذا رغبت في ذلك. ومن مميزات هذه الأزرار كما ذكرها المؤلفان والتي أتفق معها تماما:

عرض رائع على أي جهاز (نعم، إنها تتكيف مع أي حجم شاشة)

كود نظيف - موقع سريع وآمن (يتم تحميل البرنامج النصي وCSS والخط فقط، وهي موجودة فقط على الخادم الخاص بك)

جميع تقنيات برامج المراسلة المحمولة مشتركة في نص واحد (جميع أنواع البرقيات)

صديق لكبار المسئولين الاقتصاديين - لا توجد روابط

لا يحتوي على صور

ماذا يفعل النص نفسه، ولماذا كان هذا السيناريو مطلوبًا بشكل عام؟ يحتوي البرنامج النصي لهذه الأزرار على كافة واجهات برمجة التطبيقات للجميع الشبكات الاجتماعية، ويجعل البرنامج النصي أي مكان على الموقع بمثابة كتلة مشاركة نشطة.

على سبيل المثال، يمكنك وضعه على كتل DIV فارغة، أو Span، أو صور، أو روابط فارغة، ويمكن تحويل أي عنصر من عناصر الموقع تقريبًا إلى هذه الأزرار. في المثال الخاص بي، استخدمت برنامجًا نصيًا لـ Divs الفارغة.

أما بالنسبة للصور: فهي ليست هنا. الرموز التي تراها مأخوذة من الخط، فهي مجرد رمز وليس أكثر.

يمكنك تنزيل أرشيف الأزرار على .

تثبيت هذه الأزرار سهل للغاية. لا يوجد سوى أربعة ملفات في الأرشيف: Font وCSS وJS وTXT.

1). تحتاج إلى تحميل الخط إلى أي مجلد على الخادم الخاص بك، ويمكنك وضعه في نفس المكان مثل JS أو CSS الخاص بك.

2). ثم قم بتحميل JS إلى الخادم الخاص بك، واعرضه على موقعك باستخدام الكود في أي مكان، ولكن أوصي في أسفل الصفحة:

يتكون هذا البرنامج النصي من جزأين، الأول هو Jquery، والثاني هو رمز الزر نفسه. إذا قمت بالفعل بتمكين Jquery على موقعك، فيمكنك إزالة الجزء الأول من الكود وبالتالي تقليل حجم الملف.

هام: (لمن أزال الجزء رمز مسج) يجب تحميل البرنامج النصي للزر بعد البرنامج النصي Jquery.

3). بعد تثبيت JS والخط، يجب عليك إضافة CSS إلى موقعك. ما عليك سوى نسخ محتويات ملف soc.css بالكامل إلى أحد مكونات CSS الإضافية الموجودة على الموقع.

هام: في السطر 82 من ملف soc.css، قم بتغيير عنوان URL إلى موقع الخط الخاص بك!

4). بعد كل هذا، قم بنسخ كود HTML من ملف HTML.TXT إلى موقعك حيث تريد رؤية هذه الأزرار الرائعة.

يتمتع هيكل البرنامج النصي بالقدرة على تثبيت عدادات مشاركة الشبكات الاجتماعية، ولكن يمكنك قراءة المزيد من التفاصيل في وثائقها على موقع الويب.

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

شكرا لاهتمامكم، إذا كان لديك أي أسئلة حول التثبيت، اكتب التعليقات.

لقد كنت معك أيها الثور الكسول.