چگونگی اضافه کردن دکمه +۱ گوگل در سایت خود

[ircfc 285]

آیا دوست دارید دکمه +۱ گوگل ( Google +1 Button ) را به قسمت های مختلف سایت خود اضافه کنید تا بازدید کنندگان شما با کلیک بر روی این دکمه بتوانند به دیگر دوستان خود در موتورجستجوگر گوگل مطالب سایت شما را پیشنهاد کنند ؟ آیا استفاده از این امکان باعث افزایش ترافیک بازدید کنندگان سایت شما نمی شود ؟ در این مطلب از تورتک به معرفی کامل +۱ گوگل می پردازیم و با هم یاد می گیریم این دکمه را به سایت خود اضافه کنیم.

[h=2]دکمه +۱ گوگل چیست ؟[/h] این دکمه یکی از امکانات جدید گوگل است که به کاربران اینترنتی این توانایی را می دهد که صفحات وب مورد علاقه خود را در هنگام جستجوی دوستان خود در گوگل به آن ها پیشنهاد دهند. همچنین ای دکمه برای وبمسترها و صاحبان سایت ها و وبلاگ ها ارزش بالایی را می تواند داشته باشد از این رو که ترافیک بازدید کننده بالایی را از این طریق می توانند بدست آورند.

[h=3]گوگل چگونه ارتباط افراد را در جامعه های مجازی محاسبه می کند ؟[/h] یکی از پرسش هایی که شاید برای شما پیش بیاید این است که گوگل چگونه دوستان مختلف کاربران را در جامعه های مجازی مانند گوگل Buzz ، توییتر و فیسبوک می شناسد و فقط به آن ها صفحات پیشنهادی فرد کلیک کرده بر روی دکمه +۱ نشان می دهد. گوگل از طریق استفاده از بخش Google social network خود که به اموری مانند لینک های تبادلی در جامعه های مجازی و سیستم های اشتراک گذاری لینک و همچنین ارتباط اشخاص و نویسندگان صفحات وب مختلف با حساب های کاربری در اینگونه سیستم ها به راحتی می تواند دوستان ما را در جامعه های مجازی شناسایی کند و فقط به آن ها مطالب و سایت های مورد علاقه ما را نشان دهد. لازم به ذکر است که تنها وقتی دوستان ما از طریق حساب کاربری خود در گوگل وارد شده باشند گوگل در بخش جستجوی سفارشی خود این آیتم یعنی ارتباط های جامعه مجازی را در نظر می گیرد.

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

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

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{parsetags: 'explicit'}
</script>

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

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

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

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

<g:plusone size="small" ></g:plusone>

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

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

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

<g:plusone size="medium" ></g:plusone>

[ircfc 285]

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

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

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

   <g:plusone size="standard" ></g:plusone>

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

 <g:plusone size="tall" ></g:plusone>