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

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

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

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

واجهة برمجة تطبيقات Instagram

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

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

هذا لا يعني أن ذلك لم يحدث. أنا متأكد من أنك رأيت بعضًا من عشرات المواقع التي لا تفعل شيئًا سوى كشط Instagram. مواقع مثل Picdeer و Pictame و Piknow لها تاريخ مثير للاهتمام وراءها ، لذلك اسمحوا لي أن أستطرد للحظة.

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

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

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

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

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

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

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

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

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

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

الخيار 1: التزييف

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

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

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

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

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

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

الخيار 2: التضمينات اليدوية

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

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

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

الخيار 3: استخدام مكشطة طرف ثالث

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

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

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

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

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

الخيار 4: إنشاء مكشطة مخصصة

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

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

الخيار 5: استخدام البرنامج المساعد

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

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