ممکن است برای شما سوال باشد که چگونه پست (های) خود در اینستاگرام را در وبلاگ یا وب سایت خود منتشر کنم؟
هر کاربر اینستاگرام علاقه دارد تا پست هایی که منتشر میشود را بتواند به همه نمایش دهد و با معرفی پیج اینستاگرام خود فالوئرهای زیادی را جذب کند.
راه های زیادی برای افزایش فالوئر وجود دارد که یکی از آنها این است که پست های خود را در وبلاگ یا وب سایت خود منتشر کنید ، این پست ها در سایت باید به گونه ای باشد که بتوانید آخرین پست های منتشر شده را در وب سایت خود نمایش دهید.
در این مقاله ما چندین روش را برای نمایش پست های تصویری و ویدئویی شما در وب سایت را معرفی خواهی کرد.

شما دو حالت برای نمایش پست اینستاگرام در اختیار دارید :

  • نمایش یک پست به تنهایی در وب سایت نمایش یک پست به تنهایی در وب سایت
  • نمایش اخرین پست های ارسال شده پیج در وب سایتنمایش اخرین پست های ارسال شده پیج در وب سایت


نمایش یک پست به تنهایی در وب سایت

روش اول) روش پیشفرض Embed پست اینستاگرام در وب سایت

از آنجایی که ما به غیر از اپلیکیشن موبایلی میتوانیم از وب سایت اینستاگرام نیز استفاده کنیم ، قابلیت Embed پست را از طریق وب سایت در اختیار خواهیم داشت.
برای شروع به وب سایت INSTAGRAM.COM مراجعه کنید و چنانچه به حساب کاربری خود لاگین نکرده اید ، نام کاربری و رمزعبور را وارد کنید.
از بالا سمت راست بر روی آیکون آدمک کلیک کنید تا وارد Profile شوید.

روش پیشفرض Embed پست اینستاگرام در وب سایت

در اینجا میتوانید تمامی پست های خود را مشاهده کنید  ، بر روی تصویر یا ویدئویی که قصد نمایش آن در وب سایت خود را دارید کلیک کنید.
سپس از بالا سمت راست بر روی منو سه نقطه کلیک کنید و گزینه Embed را انتخاب کنید.

روش پیشفرض Embed پست اینستاگرام در وب سایت

روش پیشفرض Embed پست اینستاگرام در وب سایت

در مرحله بعدی یک دیالوگ برای شما باز خواهد شد که شامل کد هایی است ، چنانچه بخواهید کپشن (توضیحات) پست را هم در وب سایت خود نمایش دهید باید تیک گزینه Include caption را فعال کنید.
بر روی Copy Embed Code کلیک کنید.

روش پیشفرض Embed پست اینستاگرام در وب سایت

به وب سایت خود رفته و وارد قسمت کدهای صفحه خود شوید ، در جایی که میخواهید پست را در وب سایت خود قرار دهید باید کد کپی شده را در آن قسمت past کنید.

تراز کردن کد embed شده

برای اینکه بتوانید پست را تراز بندی کنید یعنی چپ چین ، راست چین یا وسط چین بودن را اعمال کنید باید در ابتاد یک تگ <div> را ایجاد کنید.
سپس به تگ div پارامتر align را داد و سپس کد Embed شده را در آن قرار دهیم ، کد Div برای وسط چین مانند زیر خواهد بود :

<div align="center">
کد Embed اینستاگرام
</div>

تراز کردن کد embed شده

جالب است بدانید پست embed شده در وب سایت تعداد لایک ها و کامنت ها را به همراه اکانت منتشر کننده نمایش میدهد.

روش دوم) استفاده از سایت ctrlq

این ابزار به Embed Instagram معروف است که با استفاده از ابزارهایی خاص توسعه داده شده است.
برای شروع باید وارد آدرس URL تصویر یا ویدئو خود در سایت اینستاگرام شوید و آدرس URL را از بالای مرورگر خود کپی کنید.

 استفاده از سایت ctrlq

سپس وارد Embed Instagram شوید.
در صفحه وارد شده آدرس URL کپی شده را باید در فیلد خواسته شده past کنید و بر روی Generate کلیک کنید.
پس از چند ثانیه تصویری از پست مشاهده خواهید کرد که زیر آن در فیلد embed code کدهایی را مشاهده میکنید.

 استفاده از سایت ctrlq

کدهای موجود را انتخاب کرده و کپی کنید.
به وب سایت خود رفته و در قسمتی که میخواهید پست نمایش داده شود کد کپی شده را past کنید.

 استفاده از سایت ctrlq

روش سوم) استفاده از سایت embed.ly

یکی دیگر از سایت های خوب در این زمینه embed.ly است. همانطور که قبلا گفتیم وارد پست شده و آدرس URL را کپی کنید.
در فیلد مشخص شده آدرس را پیست کرده و بر روی فلش کلیک کنید.

 استفاده از سایت embed.ly

در قسمت Preview میتوانید پیش نمایشی از پست را مشاهده کنید ، در واقع این پیش نمایش در وب سایت شما هم نمایش داده خواهد شد.

از سمت راست صفحه و در قسمت Customize میتوانید تنظیمات سفارشی را انجام دهید.

 استفاده از سایت embed.ly

در ادامه به پایین اسکرول کرده و کدهای Embed Code را کپی کنید.

 استفاده از سایت embed.ly

به وب سایت خود رفته و در محل مناسب آن را past کنید.

یکی دیگر از سایت های خوب و ساده برای Embed پست اینستاگرام picodash.com است.


نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت

همانطور که در قبل مطالعه کردید ما چگونگی اضافه کردن یک پست در وب سایت را معرفی کردیم ، اما برخی از کاربران میخواهند تا آخرین پست های خود که در پیج منتشر کرده اند را به صورت مجموعه ای در سایت یا وبلاگ خود نمایش دهند.
برای اینکار شما باید به حساب کاربری خود لاگین کنید تا سایت ارائه دهنده کد embed بتواند بر اساس Api های اینستاگرام این کار را برای شما انجام دهد.
یکی از این سایت های خوب در این زمینه lightwidget.com است.
وارد سایت شوید ، اگر به حساب کاربری خود در اینستاگرام لاگین کرده اید بر روی دکمه Continue with Instagram کلیک کنید در غیر اینصورت باید به سایت instagram.com مراجعه کنید و به حساب کاربری مورد نظر لاگین کنید.

نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت

در مرحله بعدی از شما خواسته میشود که مجوز استفاده را تایید کنید ، بر روی Authorize کلیک کنید.

نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت

هم اکنون وارد صفحه سفارش سازی کد Embed خواهید شد.

نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت

در قسمت instagram Username نام کاربری شما نوشته شده است که به این فیلد کاری نداریم.
در قسمت Filter your photos by tags شما میتوانید فقط پست هایی را نمیاش دهید که از یک تگ خاص در آنها به کار گیری شده است.
در قسمت Initial settings میتوانید ظاهر embed را تغیر دهید :
Type of widget : نوع نمایش ویجت یا همان Embed
Number of columns : تعداد ستون ها
Number of rows : تعداد سطرها
Image hover effect : با رفتن موس بر روی تصاویر چه حالتی رخ دهید.
Padding : فاصله پست ها با یکدیگر
Image format : نوع تصویر چگونه باشد ، مثلا لبه گرد یا عادی باشد.
Show CAPTION : در صورتی که این گزینه فعال باشد کپشن های پست ها نمایش داده خواهند شد البته باید در فیلد زیرین آن محدودیت کلمه را هم مشخص کنید.
Click action : در این قسمت باید مشخص کنید که با کلیک بر روی پست توس کاربران چه اتفاقی رخ دهد ، در صورتی که میخواهید به پست هدایت شود باید Go to Post انتخاب باشد.
Lazy-LOAD IMAGES : اگر این تیک فعال باشد لود شدن تصاویر با جلوه های ویژه جالبی همراه خواهد بود.
Custom CSS : اگر این گزینه فعال باشد میتوانید با اضافه کردن تگ های CSS به صورت سفارشیتر تغیرات را اعمال کنید.
پس از اعمال تغییرات بر روی Preview کلیک کنید تا تغییرات را مشاهده کنید ، در صورتی که تغییرات باب میل شما بود بر روی Get Code کلیک کنید تا کد Embed به شما نمایش داده شود.

نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت

بر روی Copy to clipboard کلیک کنید تا کد کپی شود.

نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت

سپس به وب سایت خود رفته و در جای مناسب آن را پیست کنید.

نمایش آخرین پست های ارسال شده پیج اینستاگرام در وب سایت