شارك مع الأصدقاء من ياندكس. شارك أزرار اجتماعية - اكتب أنفسنا أضف للمشاركة 5

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

إضافة إلى WordPress الموقع

سوف تبدأ بحقيقة أن أكثر طريقة بسيطةإذا كان لديك WordPress، فمن السهل تثبيت بعض المكون الإضافي لهذا العمل. لما؟ على سبيل المثال، استخدمت Juiz Social Post Sharer. بشكل عام، ما عليك سوى إدخال الكلمة الاجتماعية Word في البحث عن المكونات الإضافية وإلقاء نظرة على ما يوجد. الميزة هنا فقط ربما لا تضطر إلى تكوين أي شيء.

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

جافا سكريبت. بداية سريعة

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

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

تحرير ملفات الموقع يمكن أن تكون بعض الطرق. على سبيل المثال، للقيام بذلك مباشرة من خلال مبادل المحرك (المظهر - المحرر). في هذه الحالة، لا يتم تمييز التعليمات البرمجية، لذلك ليس مناسبا لتوجيهه. طريقة أخرى - عبر بروتوكول نقل الملفات. الاتصال بالموقع باستخدام عميل FTP، انتقل إلى WP-Content - Themes. تحتاج هنا إلى العثور على القالب النشط فيك هذه اللحظةوبعد نذهب إليها وإيجاد نفس الشيء. Phone.php أو نحن نبحث عن شيء مماثل من قبل العنوان.

في ملف التعليمات البرمجية نفسه، ابحث عن السطر the_content من خلال البحث (CTRL + F). أدخل في مكان ما بعد هذا الرمز.

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

أزرار من Pluso.

جافا سكريبت. بداية سريعة

استكشاف أسس جافا سكريبت مثال عملي عند إنشاء تطبيق ويب

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

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

خيار آخر - Share42

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

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

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

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

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

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

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

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

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

جافا سكريبت. بداية سريعة

استكشاف أساسيات جافا سكريبت على مثال عملي لإنشاء تطبيق ويب

FriendFeed - مجمع المعلومات التي تم جمعها من الشبكات الاجتماعية والمدونات والمدونات الصغيرة التي تعمل في الوقت الفعلي. مع FriendFeed، يمكنك تعلم ومناقشة المواد المثيرة للاهتمام التي ستجد أصدقائك على الإنترنت!

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

عزيزي القراء من مدونتي، لديهم أي حسابات في آخر أربع الخدمات المقدمة؟ كنت مهتما بي، سأقوم بالتأكيد التسجيل!

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

في حالتي (بالنظر إلى حقيقة أنني اخترت عرض "عدادات") تحولت الرمز ليكون مثل هذا:

المحتوى - هذا هو نص المنشور.

ولكن إذا قمت ببساطة بترتيب التعليمات البرمجية المقترحة، فستكون العرض التالي:

Yashare-auto-init (
الهامش: 10PX السيارات؛
نص محاذاة: مركز؛
}

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

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

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

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

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

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

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

ثالثا: للاختبار، قم بإنشاء البرنامج النصي على Share24 - إنه كبير. هل كل شيء من الخطوط شريطة أن نحتاج كثيرا؟ - لا اعتقد.

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

قم بتوصيل جميع الملفات الضرورية:

أضف الآن البرنامج النصي إلى ملف Share.js، فسيظهر هذه الصورة:

var share \u003d (twitter: وظيفة ($ var) (var data \u003d share.data ($ هذا)؛ إذا (البيانات) (var url \u003d "http://twitter.com/share؟"؛ url + \u003d "النص \u003d "+ Encodeuricomomomponent (data.text)؛ url + \u003d" & url \u003d "+ encodeuricomomponent (data.url)؛ url + \u003d" & chthtags \u003d "+" "؛ url + \u003d" & counturl \u003d "+ encodeuricomponent (البيانات. URL)؛ share.popup (URL)؛)؛ إرجاع false؛)، vk: وظيفة ($ tweed) (var data \u003d share.data ($ هذا)؛ إذا (البيانات) (var url \u003d "http: // vkontakte .ru / share.php؟ "؛ url + \u003d" url \u003d "+ encodeuricomponent (data.url)؛ url + \u003d" & title \u003d "(! lang: + encodeuricumponent (data.title)؛ url + \u003d \u003d"&description=" + encodeURIComponent(data.text); url += "&image=" + encodeURIComponent(data.img); url += "&noparse=true"; share.popup(url); }; return false; }, facebook: function($this){ var data = share.data($this); if(data){ var url = "http://www.facebook.com/sharer.php?s=100"; url += "&p=" + encodeURIComponent(data.title); url += "&p=" + encodeURIComponent(data.text); url += "&p=" + encodeURIComponent(data.url); url += "&p=" + encodeURIComponent(data.img); share.popup(url); }; return false; }, data: function($this){ if($this){ return $.parseJSON($this.parent("div").attr("data-share-data")); }; return false; }, popup: function(url){ window.open(url, "", "toolbar=0, status=0, width=626, height=436"); return false; } }; !}

إضافة علامة إلى الصفحة:

الهيكل بسيط للغاية، أي المجمع مع فئة الأسهم، يتبع DIV مع سمة بيانات مشاركة البيانات، والتي ذكر أعلاه. يتم تشكيل السلسلة من أربعة معلمات بقيمها.

• عنوان URL - العنوان الذي نشاركه؛
• iMG - صورة، إذا لم تكن هناك حاجة لتحديد سلسلة فارغة؛
• العنوان - عنوان الصفحة؛
• النص - الوصف الذي تحتاجه.

داخل DIV هو الأزرار بنفسك مع حدث onclick عليها. سيتم استدعاء النقر أحد الأساليب المذكورة أعلاه.

لا يزال فقط لإعطاء أزرار عرض الإنسان وإضافة CSS:

حصة (خلفية اللون: #ececec؛ عرض: كتلة مضمنة؛ الحشو: 7px 5px؛). شاري div: بعد (المحتوى: "؛ عرض: كتلة؛ واضح: كليهما؛ الارتفاع: 0؛).. الطفل (الهامش اليسار: 0؛). يشير. twitter، .share .vk، .hare .facebook (share.png)؛ الهامش اليسار: 7px؛ الحدود نصف قطرها: 3px؛ الارتفاع: 24px؛ العرض: 24px؛ تعويم : اليسار؛ المؤشر: مؤشر؛). شاري .twitter (خلفية اللون: # 00ced؛ موقف الخلفية: 0 -61px؛). شاري .twitter: تحوم (لون الخلفية: # 008abe؛) ..vk (الخلفية) -Color: # 48729E؛ موقف الخلفية: 0 -32px؛). شاري .vk: تحوم (خلفية اللون: # 3A5B7E؛). شاري .facebook (خلفية اللون: # 3C5A98؛ الخلفية -position: 0 0؛) .hare .facebook: تحوم (خلفية اللون: # 30487A؛)

نتيجة لذلك، بعد إضافة أزرار CSS للحصول على نوع:

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

• استفد من API للشبكة الاجتماعية، التي لا تساعد دائما؛
• لتحديد من خدمة مماثلة باستخدام Firebug أو أداة أخرى لمطور الويب.

في تواصل مع

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

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

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

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

2 طرق إضافة رابط في التاريخ Instagram

بعد عدد معين من المشتركين (أكثر من 10K)

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

لإضافة رابط، اتبع خوارزمية بسيطة:

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

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

عند إعداد الإعلان

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

في مجلس الوزراء الشخصي انقر فوق "إنشاء إعلان" واتبع خوارزمية عمل بسيطة.

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

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

إعداد حساب. إذا لم تقم بإنشاء إعلان على Facebook من قبل، فسيتم تقديمك لتحديد المنطقة الزمنية والبلد والعملة في مكتب الإعلانات.

ضبط الجمهوروبعد اختر مكانا يؤدي فيه الارتباط - على الموقع أو التطبيق أو رسول. ثم حدد المعلمات المطلوبة الجمهور المستهدف: الجنس والعمر والاهتمامات وغيرها.

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

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

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

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

ويمكنك إرسال رابط لتوجيهه

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

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

دعونا تلخص: كيفية نشر رابط إلى Instagram

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