امروز : شنبه ۳۱ تیر ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

summer-festival-banner

how-to-add-a-google-plus-button آموزش قرار دادن دکمه گوگل پلاس در قالب وردپرس

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

در برخی از سایت ها دیده شده که دکمه ای به نام G+1 در سایت قرار گرفته می شود که کاربران با کلیک بر روی ان میتوانند از طریق گوگل پلاس و اکانت جمیل خود به آن صفحه یا مطلب رای دهند.
موتور جستجوگر گوگل وب سایت هایی که از این امکان که نامش گوگل پلاس است استفاده می کنند بیشتر اهمیت داده و به نتایج اولیه خو میاره و محبوبیت او سایت با صفحه رو در نظر خواهد گرفت.

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

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

خیلی آسونه! ابتدا فایل هدر header.php قالب وردپرس خود را ویرایش کنید.
کد جاوا اسکریپت زیر را قبل از تگ </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>

خوب شما امکان گوگل پلاس رو به سایت خود اضافه کردید.

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

<!-- Standard google plus button -->
<g:plusone></g:plusone>
 
<!-- Tall google plus button -->
<g:plusone size="tall"></g:plusone>
 
<!-- Medium google plus button -->
<g:plusone size="medium"></g:plusone>
 
Small google plus button
<g:plusone size="small"></g:plusone>

نمایش گوگل پلاس در گوشه سایت

برای اینکار کافیست فایل استایل style.css قالب خود را ویرایش کنید و کدهای زیر را در آخر این فایل کپی کنید.

.plusone {
    position: fixed;
    background: #FFF;
    width: 130px;
    left: 10px;
    bottom: 10px;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.06);
    border-radius: 7px;
    padding: 0px 0px 5px;
}
.plusone span {
    background: #DB4437;
    padding: 5px 0px;
    color: #FFF;
    display: block;
    margin-bottom: 10px;
    border-radius: 5px 5px 0px 0px;
}

خوب حال فایل فوتر footer.php قالب را ویرایش کرده و کد های زیر را قبل از کد </body></html> قرار دهید.

<div class="plusone">
<span>وبیت رو دوست دارید؟</span>
<?php if (is_single()) { ?>
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>
<g:plusone size="medium" href="<?php echo home_url(); ?>"></g:plusone>
<?php } else { ?>
<g:plusone size="tall"></g:plusone>
<?php } ?>
</div>

داخل این کد یک شرط گذاشتیم که اگر ادامه مطلب بود گوگل پلاس نوشته به همراه صفحه اصلی بیاد.
درغیر اینصورت در صفحات دیگه مثل خانه ، آرشیو یا دسته بندی ها گوگل پلاس صفحه مرتبط بیاد.

امیدوارم این از این آموزش بهترین استفاده را داشته باشید.

موفق و پیروز باشید.

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 442 بار دسته بندی : آموزش ، آموزش وبمستر ، آموزش وردپرس دیدگاه : ۴ تاريخ : ۱۷ دی ۱۳۹۵
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
مصطفی قدیمی

مصطفی قدیمی هستم متولد 1373 مدیر و موسس شرکت آوینا وب , علاقه مند به راهکار های نوین تجارت الکترونیک و راه اندازی کسب و کار های اینترنتی

دیدگاه کاربران تعداد دیدگاه : ۴

مصطفی قدیمی
telegrambazکاربر سایت
پاسخ دهید
جمعه , ۲۳ تیر ۱۳۹۶

بسیار عالی بود ممنون.

مصطفی قدیمی
محمد پورداداشمدیر
پاسخ دهید
شنبه , ۲۴ تیر ۱۳۹۶

با سلام
موفق باشید وظیفه است.

مصطفی قدیمی
آی آر موزیککاربر سایت
پاسخ دهید
یکشنبه , ۲۴ بهمن ۱۳۹۵

ببخشید فقط قرار دادن این دکمه میتونه موثر باشه یا که حتما باید تعداد رای بهش زیاد بشه تا گوگل اهمیت بده؟؟؟

مصطفی قدیمی
محمد پورداداشمدیر سایت
پاسخ دهید
یکشنبه , ۲۴ بهمن ۱۳۹۵

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