کاوشگران صنعت پارس آرین قرار دادن دکمه گوگل پلاس | google plus +1 | دانلود پروژه رایگان و تازه های تکنولوژی و کامپیوتر
۰

قرار دادن دکمه گوگل پلاس | google plus +1

google-plus+1-button-wordpressگوگل پلاس همون ویژگی فیس بوک میباشد که رو به وبمسترها عرضه کرده

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

دکمه ثابت گوگل پلاس در گوشه سایت

این آموزش برای هر سایتی قابل استفادس ولی من در ادامه مخصوص وردپرس هم قرار دادم.همونطور که در شکل بالا اون پایین سمت چپی ! مشاهده می کنید ، می توان دکمه گوگل پلاس رو در هر ۴ طرف گوشه سایت که مایل بودید قرار بدید.ابتدا باید کد زیر را در بالای تگ <head/> در قالبتون قرار بدید.

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

اگر دوست داشتید که اعداد و زبان فارسی باشند بجای کد بالا کد زیر را قرار بدید.

1
2
3
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'fa'}
</script>

سپس در قالب خودتون زیر تگ <body> کد زیر را قرار بدید تا جعبه ثابت حاوی دکمه +۱ در گوشه سایت قرار بگیره.

1
2
<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنید</div> &nbsp<center><g:plusone size="tall"></g:plusone></a></center></div>

دقت کنید با تغییر دادن مقادیر می تونید گوشه های مختف سایتتون قرار بدید.با تغییر مقدار tall به medium و small اندازه آیکون هم تغییر می کند.همچنین هر عبارت دیگه ای که دوست داشتید بجای ” ما را حمایت کنید” قرار بدید اگر دوست داشتید.

قرار دادن دکمه گوگل پلاس برای وردپرس

مثل قبلی کد اولی ( یا دومی اگر دوست دارید زبان و اعداد فارسی باشند ) رو در صفحه header.php در بالای تگ <head/> قالبتون قرار بدید.سپس کد های زیر رو در هر جای قالب که دوست داشتید قرار بدید.

1
2
3
4
5
6
7
8
9
10
11
//Standard google plus button
<g:plusone href="<?php the_permalink(); ?>"></g:plusone>
//Tall google plus button
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>
//Medium google plus button
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>
//Small google plus button
<g:plusone size="small" href="<?php the_permalink(); ?>"></g:plusone>

هر کدام از این ۴تا رو که دوست داشتید قرار کنبد.

دکمه گوگل پلاس در گوشه قالب وردپرس

اگر دوست دارید در گوشه قالبتون به صورت ثابت قرار بگیره ، دوباره مثل قبلی اون کد اول رو اولی رو در بالای <head/> در صفحه header.php قالب وردپرس خود قرار داده سپس کد زیر را در زیر <body> قرار بدید.

1
2
3
4
<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنید</div> &nbsp<center>
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>
</a></center></div>

می تونید tall رو باز به small یا medium تغییر بدید یا اصلا حذف کنید تا سایز استاندارد در بیاد.