أفضل الطرق لإضافة موجز Instagram إلى موقع WordPress الخاص بك
نشرت: 2022-04-10عندما يفكر معظم الناس في وسائل التواصل الاجتماعي ، فإنهم يصورون Facebook و Twitter. ومع ذلك ، أصبح Instagram سريعًا أحد أكبر أدوات الوسائط الاجتماعية عبر الإنترنت. إنه موقع لمشاركة الصور نما إلى أكثر من 400 مليون مستخدم نشط شهريًا. كما أنه يُصنف كواحد من أفضل 10 مواقع ويب الأكثر زيارة في أمريكا. يجب أن يكون عملك هناك!
ستغطي هذه المقالة بعض الطرق المختلفة التي يمكنك استخدامها لعرض موجز Instagram الخاص بك على موقع الويب الخاص بك الذي يعمل بنظام WordPress.
يعد Instafeed.js خيارًا رائعًا ، لكنه لا يحتوي على جميع الميزات التي قد تريدها. يعد Instagram Widget و Smashballoon Plugin من Elfsight خيارين آخرين يستحقان النظر إذا كنت تبحث عن إنشاء موجز Instagram بوظائف أكثر مما يوفره instafeed.js. استمر في القراءة للتعرف على هذه الطرق الثلاث المختلفة لإضافة موجز Instagram إلى موقع WordPress الخاص بك!
لماذا تضيف تغذية Instragram إلى موقع الويب الخاص بك؟
لم يعد Instagram منصة مخصصة للمصورين فقط ، وقيمة الحصول على موجز Instagram الخاص بك على موقع الويب الخاص بك لا تعني أنك "مؤثر" أو أنك تريد الإعجابات والمتابعات. تُظهر خلاصة Instagram للعملاء والعملاء ما تفعله وما تهتم به وكيفية التواصل معك. يمكن أن تكون خلاصة Instagram الخاصة بك قناة خدمة عملاء فعالة أيضًا.
لدى Instagram ما يقرب من 300 مليون مستخدم نشط شهريًا. هذه كمية هائلة من مقل العيون لمنتجك أو شركتك. حتى لو لم يكن هدفك بيع الأشياء مباشرة ، يمكن أن تكون خلاصة Instagram ذات قيمة هائلة.
يوفر Instagram الكثير من الفرص لأبحاث السوق ، يمكنك معرفة أنواع الصور التي تلتقطها مع جمهورك والتعرف على نوع المحتوى الذي من المرجح أن يكون جيدًا. بهذه الطريقة يمكنك التخطيط مسبقًا للمشاركات التي من المرجح أن تحصل على تفاعل أو تصل إلى الأشخاص المناسبين. بالإضافة إلى ذلك ، فإنه يجعل تخطيط المحتوى الخاص بك أسهل نظرًا لأنه سيكون لديك فهم أفضل لما ينجح وما لا ينجح.
يعد Instagram أيضًا أحد أفضل الطرق لبناء ولاء للعلامة التجارية وضمان استمرار العملاء في العودة للمزيد. يُظهر مثال رائع من أحد عملائنا (شركة مكملات عبر الإنترنت) كيف يساعدهم موجز Instagram على التواصل مع عملائهم وبناء الولاء للعلامة التجارية ، حتى عندما لا يبيعون أي شيء بنشاط.
لذلك ... نحن نعلم الآن أن Instagram يستحق ذلك ، وأن عرض موجز Instagram على موقع WordPress الخاص بك يعد أمرًا ذا قيمة. الآن دعنا نتحدث عن كيفية القيام بذلك بالضبط.
سنغطي ثلاث طرق. الطريقة الأولى هي مكتبة JavaScript مجانية تسمى Instafeed.js. الخيار الثاني هو Instafeed Widget من Elfsight والثالث هو Smashballoon Plugin. هذه تختلف من حيث التعقيد والتسعير - وكوكالة سوف نتبادل أفكارنا لأننا استخدمنا كل هذه الأساليب.
استخدم مكتبة InstaFeed.js
الطريقة الأولى هي مكتبة InstaFeed.js. إنه يعمل على جميع المتصفحات الرئيسية - بما في ذلك الأجهزة المحمولة - ولا يتطلب تشغيل أي كود من جانب الخادم. المكتبة متاحة مجانًا من GitHub ، ويمكنك تضمينها في عنصر <head> بموقعك باستخدام علامة نصية بسيطة.
في الآونة الأخيرة ، أطلقوا الإصدار 2.0 من Instafeed ، والذي يعمل الآن مع Instagram API الجديد.
لأنه رمز مفتوح المصدر ، فهو مجاني.
فيما يلي بعض الميزات الرئيسية:
- هذه طريقة رائعة لإنشاء موجز Instagram أساسي على موقع الويب الخاص بك.
- إنه بسيط وسهل الاستخدام وخفيف الوزن ومثالي للمواقع التي لا تحتوي على عدد كبير من الزيارات أو العديد من الصور (لن يؤدي ذلك إلى إبطاء الصفحات).
- بشكل عام ، نحبها كثيرًا لأنها خفيفة الوزن وتعمل بشكل جيد.
- تعمل InstaFeed الآن مع Instagram API الجديد. يؤدي هذا إلى زيادة فرص عدم إزالة موقع الويب الخاص بك لأنه يتبع إرشادات واجهة برمجة التطبيقات الجديدة.
مكتبة JS سهلة التثبيت نسبيًا إذا كنت تعرف ما تفعله ، ولكن بالمقارنة مع الطرق الأخرى ، فهي أكثر تعقيدًا. دعنا نلقي نظرة على عملية التثبيت.
أولاً ، نضيف المكتبة عبر CDN.
يتم ذلك من خلال وضع علامة نصية في رأس موقع WordPress الخاص بنا.
بعد ذلك نقوم بتهيئة الأداة على موقعنا وإضافتها إلى div بمعرف عشوائي:
var instaFeed = جديد InstaFeed ("# myInstagramWidget") ؛
بعد ذلك ، نقوم بتعيين الخيارات المختلفة ، مثل اسم مستخدم Instagram ، وكمية الصور المراد عرضها ، وما إلى ذلك:
سيتم بعد ذلك ملء div مع معرف #myInstagramWidget مع موجز Instagram.
إذا كنت تقنيًا ، فيمكنك إنشاء طرق عرض مخصصة ، وإظهار علامات التجزئة ، والقيام بأي شيء تحتاجه تقريبًا فيما يتعلق بإضافة موجز Instagram إلى WordPress (نحن نستخدم هذه المكتبة بالفعل في Professional Instagram Feed for Oxygen Builder عنصر). ولكن ، ستحتاج إلى فهم جيد لـ JS وهذه المكتبة للقيام بذلك.
من ناحية الأداء ، يبلغ حجم Instafeed 1.5 كيلو بايت وسيعمل على جميع المتصفحات الرئيسية ولا يحتوي على تبعيات من جانب الخادم.
تكمن مشكلة هذه الطريقة في أنها توفر وظائف محدودة مقارنة بالطرق الأخرى لإضافة موجز Instagram إلى موقع الويب الخاص بك. يحاول البرنامج النصي محاكاة "خريطة الصور" في Instagram ، ولكنه ليس مثاليًا في القيام بذلك. من المؤكد أيضًا أن يكون الأمر معقدًا بالنسبة لشخص لا يعرف JavaScript ، مما يجعلها غير مثالية لصاحب عمل يبحث عن حل بسيط ميت.
لحسن الحظ ، هناك خيارات أخرى متاحة لأصحاب الأعمال الذين ليس لديهم الوقت أو المهارات لإعدادها بأنفسهم. سوف نمر باثنين من هؤلاء الآن!
ElfSight Instagram Feed Widget
إن موجز ElfSight IG هو طريقة أخرى لإضافة صور Instagram إلى موقع WordPress على الويب. هذا الجهاز سهل التكوين والتثبيت ، ومصمم جيدًا ، وسهل الاستخدام.
باستخدام Elfsight ، يمكنك إضافة موجز Instagram الخاص بك إلى أي جزء من صفحة WordPress ، بما في ذلك الرأس أو الشريط الجانبي أو التذييل. يمكنك أيضًا تصميم عناصر مثل الألوان والخطوط بالإضافة إلى إضافة CSS مخصص.
بالنسبة للبعض ، فإن ElfSight مجاني ، ولكن في معظم الحالات ، سترغب في اختيار الخطة الأساسية أو المؤيدة. تبلغ تكلفة الخطة الاحترافية 10 دولارات شهريًا وتأتي مع:
- مواقع غير محدودة
- 50000 مشاهدة
- دعم ممتاز
- خدمة تركيب مجانية
- إزالة شعار Elfsight
هناك خطة أساسية محدودة بقيمة 5 دولارات شهريًا أكثر بقليل ، بالإضافة إلى خطة مجانية مجانية.
هناك 50 خيارًا مختلفًا للتخصيص سهل الاستخدام بالإضافة إلى قوالب للاختيار من بينها. بخلاف Instafeed ، مع Elfsight ، يمكنك أيضًا عرض الصور من أي حساب Instagram عام أو عن طريق علامة التصنيف أو الموقع أو عنوان URL للصورة ولا تقلق أبدًا بشأن مزجها معًا - يتم دعم أي مجموعات.
يمكن تصفيتها أو الإشراف عليها ، وعرضها كشبكة أو شريط تمرير. يمكنك أيضًا الحصول على نافذة منبثقة!
هذا الحل مثير للاهتمام لأنه في الواقع ليس مكونًا إضافيًا. بدلاً من ذلك ، تقوم بتثبيته عن طريق تضمين بعض التعليمات البرمجية على موقعك ، مثل Instafeed ، ولكن بالنسبة لهذا الرمز ، فهو مجرد نسخة لصق. التكامل سلس ، ولديه الكثير من الخيارات لعرض المحتوى. يتم تحديثها دائمًا ، ويتم إدارة كل شيء على موقع Elfsight.
من بين الثلاثة في قائمتنا ، Elfsight هو المفضل لدينا. لديهم ميزات رائعة في حزمة قابلة للاستخدام ، بالإضافة إلى دعم كبير. والأفضل من ذلك كله ، أن أسعارها معقولة مقابل ما تحصل عليه منها.
بصفتنا وكالة ، فإننا نحب هذه الوكالة لأنها الأسهل بالنسبة لعملائنا في الاستخدام. قمنا بإعداده لهم ، وهم لا يلمسون الرمز أبدًا. تعد خيارات مشاركة الوسائط الاجتماعية أيضًا لمسة لطيفة!
سماش بالون البرنامج المساعد
الإدخال الأخير في قائمتنا هو Smash Balloon Instagram Feed Plugin. هذا هو مكون إضافي WordPress قياسي.
تم تصميم المكون الإضافي Instagram Feed ليكون متوافقًا مع أي سمة WordPress على موقعك ، ولا يتطلب أي عمل لك لجعله يبدو مثاليًا. يأتي المكون الإضافي مزودًا بالعديد من خيارات التخصيص بحيث يمكنك ضبط مظهر وتخطيط الخلاصة التي اخترتها. يمكنك عرض الخلاصات في جميع أنحاء موقعك وتخصيصها بأنماط الرمز القصير. على سبيل المثال ، إذا كنت تريد تغذية فيديو على صفحة واحدة وعرض دائري للصور على صفحة أخرى ، فليست مشكلة!
يقوم المكون الإضافي بتخزين البيانات التي يتلقاها من Instagram مؤقتًا لتقليل وقت التحميل وتقليل طلبات واجهة برمجة التطبيقات. يحتوي أيضًا على نظام تخزين مؤقت احتياطي في حالة حدوث مشكلات في واجهة برمجة التطبيقات ، مما يضمن بقاء خلاصتك حتى إذا كنت في أمس الحاجة إليها. يمكنك ربط منشورات Instagram الخاصة بك بعناوين URL مخصصة عن طريق إضافة عنوان URL إلى التسمية التوضيحية لمشاركتك. هذا يجعل من السهل على الأشخاص الذين ينقرون على منشور معين في خلاصتهم رؤية المنتجات أو الصفحات ذات الصلة في ذلك الوقت.
Instagram Feed Pro هو مكون إضافي WordPress سريع الاستجابة لحساب Instagram الخاص بك تم تصميمه من الألف إلى الياء للعمل بشكل جيد على جميع الأجهزة ، سواء كنت تستخدم شاشة تعمل باللمس أم لا.
شيء لا يصدق حول الشركة التي تقف وراء إضافة WordPress ، Smash Balloon ، هو الدعم الذي يقدمونه. يعد الاتصال بالفريق من خلال موقع الويب الخاص بهم أمرًا سهلاً ، ومن المستحسن أن تفعل ذلك بالضبط إذا كنت بحاجة إلى دعم أو لديك أسئلة حول هذا المكون الإضافي. تمتلك الشركة أيضًا مدونة رائعة حيث يمكنك العثور على النصائح والحيل بالإضافة إلى البرامج التعليمية لاستخدام Instagram على موقعك.
بالنسبة لموقع واحد ، يأتي بسعر 49 دولارًا سنويًا ، وبالطبع ، إذا كنت تريد الاستفادة من المكون الإضافي ، فستحتاج إلى ترخيص.
كلمة حول Instagram API
هناك شيء يجب مراعاته (وجانب مزعج في Instagram) هو واجهة برمجة التطبيقات الخاصة بهم والقيود التي تأتي معها. تكمن المشكلة في أن Instagram API لها حد أقصى للطلبات لكل مستخدم. عندما يتجاوز البرنامج النصي الخاص بك هذا المبلغ ، ستتلقى رسالة خطأ من Instagram تخبرك بالتوقف - وسيقوم Instagram بتعطيل الوصول إلى حسابك إذا اكتشف الاستخدام المفرط.
هذا لا يعني تعطيل حسابك تمامًا إلى الأبد (على الرغم من أنهم فعلوا ذلك في الماضي) ، ولكن قد لا تتمكن من سحب بيانات Instagram مرة أخرى حتى تقوم بتعديل الرمز الخاص بك أو الانتظار لساعات حتى تتم إعادة تعيين طلباتك بواسطة Instagram. لذا ضع ذلك في الاعتبار عند إنشاء موجز Instagram الخاص بك ، ولا تسيء استخدام واجهة برمجة التطبيقات!
تتغير واجهة برمجة التطبيقات أيضًا كثيرًا ، خاصة الآن بعد أن أصبح Facebook يمتلك الشركة. على سبيل المثال ، من المستحيل عرض موجز Instagram على موقع WordPress بدون مفتاح API محدد.
تم تعطيل إذن Instagram Legacy API المتبقي في 29 يونيو 2020. الآن ، يحتاج المطورون إلى استخدام Instagram Basic Display API و Instagram Graph API. هذا يعني أنه يجب الآن إنشاء أي مكون إضافي لبرنامج WordPress باستخدام واجهة برمجة تطبيقات Instagram.
ومع ذلك ، مع هذا التطوير ، أصبح الأمر أسهل قليلاً لمستخدمي المكونات الإضافية. ربما تكون قد لاحظت ، لكنها الآن تجربة سهلة نسبيًا (على الرغم من كونها محدودة) عندما يتعلق الأمر بإنشاء مفتاح API والتكامل. في معظم الحالات ، تكون مجرد نقرة زر.
ترقب دائمًا أخبار API المرتبطة بـ Instagram. إذا قاموا بإجراء أي تغييرات مستقبلية وكنت في الظلام ، فقد تتوقف خلاصة WordPress Instagram عن العمل!
ما هو أفضل حل تغذية Instagram للووردبريس؟
Elfsight هو أفضل مزود في الوقت الحالي. لديهم أفضل حزمة بالنسبة للسعر ، ونحن نحب دعمهم ومنتجاتهم أكثر من غيرها. إذا كنت صاحب عمل أو مسؤول ويب تبحث عن حل ممتاز وفعال من حيث التكلفة يناسبك.
يعد Instafeed.js مفيدًا للأشخاص التقنيين الذين يريدون حلاً مجانيًا ولكن التحكم المطلق عندما يتعلق الأمر بـ WordPress وخلاصة Instagram. إذا كنت مطورًا ولا تخشى تعديل التعليمات البرمجية وبناء الأشياء الخاصة بك ، فستكون في الجنة. ومع ذلك ، هناك نقص حاليًا في المستندات مما يجعل الوصول للمبتدئين أمرًا صعبًا.
أخيرًا ، يعد Smash Balloon حلاً محترمًا. يساعدك Instagram Feed Pro على عرض خلاصات Instagram القابلة للتخصيص بالكامل على موقع الويب الخاص بك وجعلها تفاعلية.
ومع ذلك ، عند مقارنتها بـ Elfsight ، قد يجدها البعض أكثر تعقيدًا - لكنها أرخص !!
بغض النظر عن الحل الذي تختاره ، تأكد من تحديث المكون الإضافي / المكتبة بانتظام لتجنب أي مشاكل أو مشاكل في الاستخدام.
إذا كان لديك أي أسئلة حول هذه المقالة ، أو أي أسئلة حول إضافات موجز Instagram بشكل عام ، فلا تتردد في تركها في قسم التعليقات أدناه! استمتع وسعد البناء.