آموزش فنی دریافت و نمایش کامنت‌ها و لایک‌ها در سایت با API اینستاگرام

مبینا طالبی

اگر صاحب یک فروشگاه اینترنتی یا وب‌سایت محتوایی هستید، احتمالاً تا حالا به این فکر افتاده‌اید که تعامل کاربران در اینستاگرام را هم در سایت خود نمایش دهید. تصور کنید وقتی کاربر وارد صفحه محصولی می‌شود و در کنار تصویر آن، تعداد لایک‌ها و کامنت‌های واقعی از اینستاگرام را هم می‌بیند، چقدر احساس اعتماد و اشتیاق او برای خرید بیشتر می‌شود.
در این مقاله، قصد داریم قدم‌به‌قدم آموزش دهیم که چگونه با استفاده از API اینستاگرام، لایک‌ها و کامنت‌های پست‌ها را دریافت کرده و در سایت خود نمایش دهید.

چرا نمایش کامنت‌ها و لایک‌ها در سایت مهم است؟

در دنیای امروز، «اعتماد» ارز دیجیتال جدید است! کاربران برای تصمیم‌گیری در خرید یا دنبال‌کردن برند، به نشانه‌های اجتماعی توجه زیادی دارند. وقتی کاربر ببیند محصولی صدها لایک دارد و کاربران درباره‌اش نظر داده‌اند، ناخودآگاه به برند شما اعتماد می‌کند.

نمایش لایک‌ها و کامنت‌ها باعث می‌شود:

حس واقعی و اجتماعی در سایت ایجاد شود؛
زمان حضور کاربر در صفحه افزایش پیدا کند؛
احتمال خرید یا تعامل بیشتر شود.

آشنایی با Instagram Graph API

Instagram Graph API نسخه جدید و رسمی API اینستاگرام است که برای حساب‌های تجاری (Business) و Creator طراحی شده است. این API امکاناتی مثل دریافت پست‌ها، کامنت‌ها، لایک‌ها، منشن‌ها و آمار عملکرد را فراهم می‌کند.

تفاوت با نسخه‌های قدیمی API

در نسخه‌های قدیمی، امکان مشاهده‌ی تعداد لایک و لیست کامنت‌ها بسیار محدود بود. اما در Graph API می‌توان اطلاعات دقیق‌تری گرفت، البته با رعایت سطح دسترسی‌ها.

محدودیت‌ها و نکات مهم

فقط برای حساب‌های Business یا Creator فعال است.
نیاز به اتصال حساب اینستاگرام به صفحه فیسبوک دارد.
اپلیکیشن باید از حالت Development خارج شود تا داده‌های واقعی نمایش داده شوند.

پیش‌نیازها برای استفاده از API

قبل از شروع، باید چند مرحله مقدماتی را انجام دهید:

۱. تبدیل حساب به Business یا Creator

بدون حساب حرفه‌ای، اینستاگرام اجازه‌ی استفاده از Graph API را نمی‌دهد.

۲. اتصال حساب اینستاگرام به فیسبوک

چون Instagram Graph API از طریق سیستم Facebook Developer کار می‌کند، این اتصال ضروری است.

۳. دریافت Access Token

در پلتفرم Meta Developers یک برنامه بسازید، مجوزهای زیر را فعال کنید:

instagram_basic
instagram_manage_comments
pages_show_list

سپس Access Token را دریافت کنید تا بتوانید درخواست‌ها را ارسال کنید، برای خرید api اینستاگرام کلیک کنید یا به سایت BOXAPI.IR مراجعه کنید.

گام اول: دریافت شناسه رسانه (Media ID)

هر پست در اینستاگرام یک شناسه یا Media ID دارد. برای دریافت آن، از این آدرس استفاده کنید:

GET https://graph.facebook.com/v19.0/{user_id}/media?fields=id,caption,media_url

این درخواست فهرستی از پست‌های کاربر را همراه با شناسه‌هایشان برمی‌گرداند.

گام دوم: دریافت لایک‌ها و کامنت‌ها

حالا که Media ID دارید، می‌توانید تعداد لایک‌ها و کامنت‌ها را بگیرید.

نوع داده	آدرس Endpoint	فیلدهای قابل درخواست	توضیح
تعداد لایک‌ها	/media_id?fields=like_count	like_count	نمایش تعداد کل لایک‌ها
لیست کامنت‌ها	/media_id/comments	id, text, username, like_count	دریافت متن، کاربر و تعداد لایک هر کامنت
پاسخ به کامنت‌ها	/comment_id/replies	id, text, username	دریافت پاسخ‌های هر کامنت

نمونه درخواست:

GET https://graph.facebook.com/v19.0/{media_id}/comments?fields=id,text,username,like_count&access_token={token}

مدیریت حجم زیاد داده‌ها (Pagination)

اگر پست محبوبی دارید، ممکن است صدها کامنت داشته باشید. برای اینکه همه را بگیرید، از مکانیزم pagination استفاده کنید. در پاسخ API لینک صفحه بعد (next) برگردانده می‌شود که با آن می‌توانید داده‌های بیشتر را دریافت کنید.

ذخیره‌سازی و بهینه‌سازی داده‌ها

برای اینکه سایتتان کند نشود، بهتر است داده‌های دریافتی را کش (Cache) یا در پایگاه داده ذخیره کنید.

روش پیشنهادی:

داده‌ها را هر ۱ ساعت یک بار به‌روزرسانی کنید.
از Redis یا SQLite برای نگهداری داده‌ها استفاده کنید.
از API فقط در صورت تغییر پست درخواست جدید بفرستید.

نمایش داده‌ها در سایت

بعد از ذخیره داده‌ها، باید آن‌ها را به شکل زیبا و کاربرپسند نمایش دهید.

نمایش لایک‌ها

مثلاً زیر تصویر محصول بنویسید:

❤️ این پست تا الان ۳۴۵ لایک داشته است.

نمایش کامنت‌ها

می‌توانید چند کامنت آخر را در قالب کارت یا گفت‌وگو نمایش دهید:

💬 “کیفیت عالی بود! خیلی سریع هم به دستم رسید.” — user123

بهینه‌سازی تجربه کاربری (UX)

نمایش کامنت‌ها نباید صفحه را شلوغ کند. چند نکته:

فقط ۳ کامنت اول را نمایش دهید و دکمه «نمایش بیشتر» اضافه کنید.
برای بخش موبایل از طراحی مینیمال استفاده کنید.
آواتار کاربر و زمان ارسال را هم نشان دهید تا واقعی‌تر به‌نظر برسد.

نکات سئو در نمایش کامنت‌ها و لایک‌ها

نمایش محتوای پویا از اینستاگرام می‌تواند تأثیر مثبتی روی سئو داشته باشد — البته اگر به‌درستی انجام شود.

نکات کلیدی سئو:

برای تصاویر از تگ‌های alt و title استفاده کنید.
محتوای کامنت‌ها را به‌صورت متنی در HTML نگه دارید تا گوگل آن را بخواند.
از lazy loading برای کامنت‌های زیاد استفاده کنید.
از ساختار schema.org برای داده‌های کاربر و محصول بهره ببرید.

چالش‌ها و راهکارهای فنی

محدودیت دسترسی: برخی داده‌ها ممکن است به دلیل سطح دسترسی محدود در دسترس نباشند.
→ راهکار: اپلیکیشن را به حالت Live ببرید و مجوزهای لازم را اضافه کنید.
تغییرات سیاست‌های اینستاگرام: API ممکن است هر چند ماه تغییر کند.
→ راهکار: مستندات رسمی را همیشه دنبال کنید.
حجم زیاد کامنت‌ها: ممکن است سرور شما در واکشی زیاد کند شود.
→ راهکار: از pagination و کش استفاده کنید.

نمونه کد ساده برای نمایش کامنت‌ها (JavaScript)

const token = "YOUR_ACCESS_TOKEN";
const mediaId = "YOUR_MEDIA_ID";

fetch(`https://graph.facebook.com/v19.0/${mediaId}/comments?fields=id,text,username,like_count&access_token=${token}`)
  .then(res => res.json())
  .then(data => {
    const container = document.getElementById("comments");
    data.data.forEach(c => {
      container.innerHTML += `<p><strong>@${c.username}:</strong> ${c.text}</p>`;
    });
  });

شاخص‌های موفقیت (KPIs)

اگر این بخش را در سایت خود اضافه کنید، می‌توانید تأثیر آن را با شاخص‌های زیر بسنجید:

شاخص	توضیح
افزایش زمان ماندن در صفحه	کاربران بیشتر در صفحه می‌مانند و تعامل آن‌ها افزایش می‌یابد.
افزایش تعامل کاربر	افزایش کلیک روی لینک‌های اینستاگرام یا اشتراک‌گذاری محتوا.
کاهش نرخ خروج (Bounce Rate)	نمایش محتوای جذاب مثل کامنت‌ها باعث کاهش خروج کاربران می‌شود.
افزایش نرخ تبدیل	نمایش اجتماعی و بازخورد واقعی باعث افزایش خرید یا ثبت‌نام می‌شود.

آینده API اینستاگرام و قابلیت‌های جدید

اینستاگرام به‌طور مداوم در حال توسعه‌ی API خود است. در آینده ممکن است بتوانید:

پاسخ خودکار به کامنت‌ها بدهید؛
آمار واکنش کاربران به استوری یا Reels را هم دریافت کنید؛
از داده‌ها برای هوش مصنوعی پیشنهاد محصول استفاده کنید.

جمع‌بندی

در این مقاله یاد گرفتیم که چگونه با کمک Instagram Graph API، بتوانیم لایک‌ها و کامنت‌های اینستاگرام را در سایت خود نمایش دهیم.
از مقدمات فنی گرفته تا ذخیره‌سازی، طراحی UX، بهینه‌سازی سئو و حتی چالش‌های فنی را بررسی کردیم.
اگر این قابلیت را به‌درستی پیاده کنید، سایت شما از نظر تعامل اجتماعی بسیار قوی‌تر خواهد شد و نرخ تبدیل به شکل محسوسی افزایش می‌یابد.