نمایش تعداد فالوور اینستاگرام در وردپرس

چهارشنبه ۲۱ بهمن ۱۳۹۴

نمایش تعداد فالوور اینستاگرام در وردپرسReviewed by جواد نبوی on Feb 10Rating: 4.5

سلام؛ بدون شک یکی از بهترین شبکه های اجتماعی حال حاضر, اینستاگرام هست. شبکه ای که با خلاقیت در برقراری ارتباط مجازی, طرفداران خیلی زیادی جمع کرده. اما چیزی که برای وبمستر ها خیلی مهمه و میتونه به پیشرفت سایت و شرکتشون کمک کنه, داشتن صفحه در شبکه های مجازی مختلف از جمله اینستاگرام هست. از یک سو ارتباط دوطرفه بین کاربران و مدیران سایت ها در این شبکه ها باعث افزایش محبوبیت و حفظ مخاطب میشه و از سوی دیگر, داشتن فعالیت مستمر در این شبکه ها, کاربرانی که با سایت شما آشنا نیستند رو به سمت شما میکشونه و تعداد کاربران سایت رو بالا میبره.

نمایش تعداد فالوور اینستاگرام

حالا, با درک تاثیر داشتن یک صفحه در شبکات اجتماعی اللخصوص اینستاگرام, میریم سراغ یک کار مفید برای معرفی صفحه اینستاگرام به کاربران. در حالت عادی شما خیلی راحت میتونید با قرار دادن یک آیکون اینستاگرام در سایت و لینک دادن اون به صفحه تون, کاربران سایت رو تشویق به دنبال کردن صفحه اینستاگرام سایتتون بکنید. اما اگر شما انجام دادن کار های خاص رو دوست دارید و نمی خواهید شبیه دیگران باشید, میتونید با روش دیگه ای این کار رو انجام بدید. مثلا در یک باکس, علاوه بر لینک صفحه اینستاگرام, تعداد فالوور اینستاگرام تون رو هم نمایش بدید. یا یک متن با این مضمون:”شما هم به ۴۵۶ طرفدار دیگر سایت ما بپیوندید” بنویسید و کاربراتون رو به اینستاگرام دعوت کنید.

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

نمایش تعداد فالوور اینستاگرام در سایت

برای انجام این کار, به کد تاییدیه اینستاگرام نیاز داریم تا اجازه ی دسترسی به اطلاعات اکانت اینستاگرام رو داشته باشیم. پس به صفحه Instagram Developer برید و روی دکمه Register Your Aplication کلیک کنید.

نمایش تعداد فالوور اینستاگرام

در مرحله ی بعد در صورتی که وارد اکانت خودتون نشده باشید ازتون میخواد که اول لاگین کنید.بعد از اینکه لاگین کردید وارد صفحه ی Developer Signup میشوید. در این صفحه باید اطلاعات مربوط به اپلیکیشنی که میخواهید طراحی کنید (که در اینجا همون نمایش تعداد فالوور هست) رو وارد کنید. طبق عکس زیر اطلاعات رو وارد کنید:

نمایش تعداد فالوور اینستاگرام

بعد از طی مرحله ی بالا و کلیک روی دکمه ی Sign up دوباره وارد صفحه ای میشید که در مرحله ی اول واردش شده بودید. در این صفحه دوباره روی گزینه Register Tour Aplication کلیک کنید.

در صفحه Manage Clients روی دکمه ی Register a New Client کلیک کنید.

follower3

در صفحه ای که باز میشه, باید اطلاعات مربوط به کلاینت جدیدی که میخواهیم ثبت کنیم رو وارد کنیم تا بتونیم تاییدیه اینستاگرام جهت نمایش تعداد فالوور رو کسب کنیم. اطلاعات رو طبق عکس زیر کامل کنید. فقط ذکر این نکته ضروریه که در بخش Valid redirect URIs باید ابتدا آدرس سایت خودتون رو به صورت کامل وارد کنید و یک اینتر بزنید. بعد آدرس http://yoursite.com/instagram-class رو وارد کنید (البته به جای عبارت yoursite.com باید آدرس سایت خودتون رو بنویسید). به عکس زیر توجه کنید:

نمایش تعداد فالوور اینستاگرام

در پایان روی Register کلیک کنید. حالا صفحه ی مورد نظر ما یعنی صفحه اطلاعات تاییدیه نمایش داده میشه. اطلاعات موجود تو این صفحه در مراحل بعدی به کار مون میاد. در مراحل بعدی یادتون باشه هر وقت گفتم CLIENT ID و CLIENT SECRET رو وارد کنید, باید بیاید اینجا و این دو تا رو از همین صفحه بگیرید.

نمایش تعداد فالوور های اینستاگرام در وردپرس

حالا که اطلاعات اپلیکیشن مون رو داریم, باید یک سری فایل در هاست سایتمون آپلود کنیم تا کد تایید نهایی رو دریافت کنید. اول فایل زیر رو دانلود کنید:

دانلود فایل

این فایل درحقیقت یک اسکریپت هست که باید تو هاست آپلود کنید و با انجام تنظیمات مربوط بهش, User ID و Access Token رو دریافت کنید. حالا این User ID و Access Token چی هستن رو بعدا بهش میرسیم. فقط بدونید که اینها کد های نهایی ما برای نمایش تعداد فالوور اینستاگرام هستند.

بعد از اینکه فایل بالا رو دانلود کردید, وارد فایل منیجر هاستتون بشید. بعدش, فایل رو در مسیر روت اصلی هاستتون (همون public_html) آپلود کنید. بعد از آپلود فایل رو اکسترکت کنید و میبینید که یک فولدر با نام instagram-class ایجاد شده.

نمایش تعداد فالوور اینستاگرام

وارد فولدر instagram-class بشید و روی فایل ig-config.php کلیک کنید. بعدش روی دکمه ی Edit کلیک کنید.

نمایش تعداد دنبال کننده اینستاگرام

طبق عکس زیر CLIENT ID و CLIENT SECRET رو وارد کنید. توجه داشته باشید که کد ها رو بین سینگل کوتیشن وارد کنید. همچنین آدرس yoursite.com/instagram-class رو هم وارد کنید (بازم میگم, yoursite.com یعنی آدرس سایت خودتون).

نمایش تعداد دنبال کنندگان اینستاگرام

مثلا برای من این شکلی شد:

نمایش تعداد فالوور اینستاگرام

در پایان تغییرات رو ذخیره کنید و از صفحه خارج بشید.

حالا به آدرس http://yoursite.com/instagram-class برید (طبیعتاً باید به جای yoursite.com آدرس سایت خودتون رو وارد کنید). بعد از باز کردن صفحه مذکور, روی دکمه ی Login with Instagram کلیک کنید.

نمایش فالوور اینستاگرام در وردپرس

در صفحه ی بعد اطلاعات نهایی مورد نیازمون رو میبینیم. این اطلاعات که شامل USER ID و ACCESS TOKEN هست تو این صفحه وجود دارند. این اطلاعات در مرحله ی بعد نیاز میشه.

follower12

نمایش تعداد فالوور اینستاگرام در قالب یا مطالب و برگه ها

حالا میرسیم به قسمت مورد علاقه خودم, یعنی بازی با کد ها! این دیگه آخرین بخش کارمون برای نمایش تعداد فالوور اینستاگرام هست.

در وردپرس, از زیر منوی بخش “نمایش” روی گزینه “ویرایشگر” کلیک کنید. در صفحه باز شده روی فایل functions.php کلیک کنید و کد زیر رو در انتهای کد های این فایل قرار بدید:

<?php
/*
    Show Your Instagram Follower Count (and Other Data) in WordPress with Shortcode
    http://webtoaster.ir/نمایش-تعداد-فالوور-اینستاگرام
*/

function internoetics_instagram_followers($atts) {
  extract(shortcode_atts(array(
    'userid' => 'یوزر آیدی',
    'accesstoken' => 'اکسس توکن',
    'type' => 'followers', /* followers, following, media, bio, website, profile, name */
    'n' => 1,
    'cache' => 3600 * 24
  ), $atts));

 $instafollowersrecord = 'insf_' . md5("$userid.$accesstoken.$n.$cache");
 $cachedposts = get_transient($instafollowersrecord);

 if ($cachedposts !== false) {
 $temp = $cachedposts;

  } else {

  $url = 'https://api.instagram.com/v1/users/' . $userid . '/?access_token=' . $accesstoken;
  $api = file_get_contents($url);
  $json = json_decode($api);
  
   $temp['followers'] = $json->data->counts->followed_by; // $folr = $temp['followers'];
    if ($n) $temp['followers'] = number_format($temp['followers']);
   $temp['following'] = $json->data->counts->follows;
    if ($n) $temp['following'] = number_format($temp['following']);
   $temp['media'] = $json->data->counts->media;
    if ($n) $temp['media'] = number_format($temp['media']);
   $temp['bio'] = $json->data->bio;
   $temp['website'] = $json->data->website;
   $temp['profile'] = $json->data->profile_picture;
   $temp['name'] = $json->data->full_name;

   ($json->meta->code == '200') ? set_transient($instafollowersrecord, $temp, $cache) : $temp = 0;
  }
 return ($temp) ? $temp["$type"] : 'Unavailable';
}
add_shortcode('instagram','internoetics_instagram_followers');
?>

در کد بالا, طبق اطلاعاتی که در مرحله ی قبل از صفحه ی yousite.com/instagram-class بدست آورده بودید, عبارات یوزر آیدی و اکسس توکن رو حذف و اطلاعات درست رو وارد کنید.

همچنین در کد بالا در قسمت type میتونید به جای عبارت followers میتونید عبارات دیگری قرار بدید تا به جای اینکه تعداد دنبال کنندگان رو نشون بده, مثلا تعداد دنبال شوندگان توسط شما یا تعداد فایل های تصویری شما یا … رو نشون بده. میتونید از عبارات زیر استفاده کنید:

followers, following, media, bio, website, profile, name

نکته: در کد بالا, تعداد فالوور هر ۲۴ ساعت یکبار آپدیت میشه. برای تغییر این مقدار باید مقادیر جلوی عبارت cashe رو تغییر بدید (واحد آن ثانیه است).

در پایان: در نهایت برای قرار دادن شمارنده فالوور ها در برگه ها یا مطالب از کد کوتاه [instagram] استفاده کنید.

و همچنین برای نمایش تعداد فالوور ها در قالب از کد زیر استفاده کنید:

<?php echo do_shortcode("[instagram]"); ?>

مثال: من برای اینکه نشون بدم این سیستم فعاله و کار میکنه و هیچ مشکلی نداره یه پیش نمایش کوچیک این زیر براتون گذاشتم. نگاه کنید:

ما (یعنی وب تستر) 33 دوست در اینستاگرام داریم. شما هم به جمع دوستان ما بپیوندید.

چطور بود؟ خوب بود؟ اگه شما هم از این سیستم استفاده کردید یا میخواهید استفاده کنید تجربیات ,ایده ها و سوال ها تون رو با ما به اشتراک بذارید. همین پایین. بخش “نظرات” 🙂

تبلیغات

نویسنده (مدیر سایت)

جواد نبوی هستم. حدود 7 سالی میشه در زمینه طراحی وب و گرافیک کار می کنم و بعد از توپ دیزاین، این دومین سایت آموزش طراحی وب و گرافیک هستش که راه انداختم. امیدوارم بتونم برای همه ی شما مفید باشم.

2 دیدگاه برای “نمایش تعداد فالوور اینستاگرام در وردپرس”

  1. asad گفت:

    سلام
    دوست گرامی طبق آموزشی که دادین من انجام دادم موندم در کدها میخوام لطف کنید بقیه شو زیاد توضیح بفرما ئید
    چکار بایر انجام بدهیم من تا اینجا رفتم——– نمایش تعداد فالوور اینستاگرام در قالب یا مطالب و برگه ها ——

    1. جواد نبوی گفت:

      سلام دوست من
      دقیقا تو کدوم قسمت مشکل دارید؟ چون توضیحات کامله اگر قسمت خاصی مشکل هست بفرمایید توضیح بدیم.
      با آرزوی موفقیت

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *