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

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

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

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

واجهة برمجة تطبيقات إنستغرام

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

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

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

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

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

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

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

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

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

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

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

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

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

الخيار 1: تزوير ذلك

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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