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

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

آیا میدانستید هر کلیک بروی این دکمه بیش از صد بازدید روزانه برای شما امتیاز دارد؟؟؟

در +google دکمه ای به نام پلاس معرفی شده که شبیه لایک در فیسبوک عمل میکنه و هر چه تعداد کلیک رو این دکمه برای صفحه ای زیادتر باشه اون صفحه در نتایج جستجو محبوب تر میشه !

در الگوریتم جدید محاسبه pagerank گوگل ، شرکت کردن صفحات وب در شبکه های اجتماعی و همچنین تعداد کلیک های روی دکمه گوگل پلاس نقش موثری در بالا بردن رتبه ی صفحه وب در نتایج موتورهای جستجو داره .

امروز می خوایم ببینیم چطور می تونیم دکمه ی گوگل پلاس رو به صفحات وب خود اضافه کنیم تا بازدید کنندگان سایت یا وبلاگ شما در صورتی که از مطلبی خوششون بیاد ، یک کلیک گوگل پلاس به شما هدیه بدن و به بالاتر بردن رتبه سایت یا وبلاگ شما کمک کنند!

چگونه می توانم به بازدید کنندگان صفحات سایت خود دکمه +۱ گوگل نمایش دهم ؟

برای اینکار به تازگی گوگل در سایت رسمی خود ( 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>

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

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

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

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

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

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

منبع: