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

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

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

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


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

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


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

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

<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/> قالبتون قرار بدید.سپس کد های زیر رو در هر جای قالب که دوست داشتید قرار بدید.


//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> قرار بدید.


<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 تغییر بدید یا اصلا حذف کنید تا سایز استاندارد در بیاد.

در آخر معذرت می خوام بابت دوباره کاری ، همه شما استاد من هستید و با همون کد اول هم می شد ما بقی کدها رو درآورد ، ولی من جدا جدا کردم تا دوستانی که اگر یکم با کدها آشنا نبودن بتونن استفاده کنن.من دوست داشتم یک آموزش برای گذاشتن آیکون شخصی برای دکمه گوگل پلاس و همچنین چند ترفند برای افزایش سرعت گوگل پلاس بزارم که نشد راستش !!

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 20 رای
Loading...