به تازگی گوگل در سایت رسمی خود ( http://www.google.com/webmasters/+1/button ) کدها و API هایی را معرفی کرده است که با استفاده از آن می توانید به راحتی به کاربران خود این امکان را بدهید که صفحات شما را در +۱ گوگل با دیگر دوستان خود به اشتراک بگذارند.

۱٫ اضافه کردن اسکریپت دکمه +۱ گوگل : درابتدا باید به بخش سرآیند ( head ) کد HTML صفحات خود اسکریپت گوگل +۱ را اضافه کنیم تا بتوانیم از این دکمه در صفحه خود استفاده کنیم. پس قبل از بسته شدن کد سرآیند صفحه وب خود ( یعنی قبل از کد </head>صفحه خود ) کد زیر را اضافه می کنیم.

[php]<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>[/php]

۲٫ اضافه کردن کد نمایش دکمه +۱ گوگل در محل مورد نظر : حال که کد فراخوانی اسکریپت +۱ در سرآیند صفحه خود قرار دادیم می توانیم به راحتی از کد نمایش +۱ در هر کجای صفحه خود ( تمامی صفحه که به کاربر نمایش داده می شود بین و است ) اضافه کنیم. اما گوگل برای سفارشی سازی نمایش این دکمه در صفحات مختلف وب به سلیقه کاربر اجازه استفاده از تعدادی پارامتر را داده است که در پایین آن ها را می توانید مشاهده کنید و هر کدام دو نسخه با نمایش شمارشگر +۱ شده ها و بدون نمایش مارشگر +۱ شده ها هستند.

  • برای استفاده از این دکمه +۱ گوگل که عرض آن ۲۴ و ارتفاع آن ۱۵ پیکسل است از کد زیر استفاده کنید. ( سایز کوچک )

+1-small-google

[php]<g:plusone size="small" count="false"></g:plusone>[/php]

  • برای استفاده از این دکمه +۱ گوگل که عرض آن حداکثر ۷۰ و ارتفاع آن ۱۵ پیکسل است از کد زیر استفاده کنید. ( سایز کوچک )

+1-small-count-google

[php]<g:plusone size="small" ></g:plusone>[/php]

  • برای استفاده از این دکمه +۱ گوگل که عرض آن ۳۲ و ارتفاع آن ۲۰ پیکسل است از کد زیر استفاده کنید. ( سایز متوسط )

+1-standard-google

[php]<g:plusone size="medium" count="false"></g:plusone>[/php]

  • برای استفاده از این دکمه +۱ گوگل که عرض آن حداکثر ۹۰ و ارتفاع آن ۲۰ پیکسل است از کد زیر استفاده کنید. ( سایز متوسط )

+1-standard-count-google

[php]<g:plusone size="medium" ></g:plusone>[/php]

  • برای استفاده از این دکمه +۱ گوگل که عرض آن ۳۸ و ارتفاع آن ۲۴ پیکسل است از کد زیر استفاده کنید. ( سایز استاندارد )

+1-big-google

[php]<g:plusone size="standard" count="false"></g:plusone>[/php]

  • برای استفاده از این دکمه +۱ گوگل که عرض آن حداکثر ۱۰۶ و ارتفاع آن ۲۴ پیکسل است از کد زیر استفاده کنید. ( سایز استاندارد )

+1-big-count-google

[php]<g:plusone size="standard" ></g:plusone>[/php]

درباره نویسنده

محمد کرمانی هستم برنامه نویس و طراح وب سایت

۳ دیدگاه

  1. رضا
    بهمن ۱۹, ۱۳۹۲ ساعت ۲:۲۸ ب.ظ

    واقعا عالی بود.خیلی دنبال یه +۱ بدون یک گراند گشتم و پیدا نمیکردم.برای تشکر از لطفتون میخوام لینکتونو تو سایتم بزارم.لطفا ادرس و عنوان مورد نظر خودتون رو برام ایمیل کنید

    پاسخ
  2. حمید
    شهریور ۲۵, ۱۳۹۳ ساعت ۵:۴۰ ق.ظ

    واقعا سایت خوبی دارید. خیلی به این دکمه گوگل پلاس احتیاج داشتم

    پاسخ
  3. دانلود فیلم اموزشی
    اردیبهشت ۲۳, ۱۳۹۴ ساعت ۱۰:۵۴ ب.ظ

    واقعا کاربردی بود ! میخواستم بدونم این چطور میشه که سایت های مثل همیار وردپرس و . . . این دکمه رو جوری تو سایت میزارن که با اسکرول بالا پایین میشه ؟ مثل اینه که Css نوشتن ؟ ممنون میشم توضیح بدید

    پاسخ

دیدگاه خود را بنویسید

Time limit is exhausted. Please reload CAPTCHA.