WordPress Nâng Cao

Hướng dẫn thêm nút Google + cho WordPress

Nếu bạn đã nhàn chán với các plugin chia sẻ mạng xã hội, hay đơn giải bạn không muốn sử dụng quá nhiều plugin cho trang web của mình. Hôm nay mình sẽ hướng dẫn các bạn thêm nút Google + cho trang WordPress của mình mà không cần sử dụng plugin nào, đơn giản vì nếu cái gì mà ta có thể tự code thì hãy code nó , web của bạn sẽ nhanh hơn và độc hơn đấy.

Google-Plus-Logo

Nút Google + là gì?

Nút chia sẻ Google + là một công cụ của Google nhằm đánh giá nội dung cho cộng đồng người dùng mạng xã hội google + cũng như các cuông cụ tìm kiếm. Cũng giống như nút like FaceBook, hay bất cứ nút like hay share của các trang mạng xã hội khác khi áp dụng cho các trang web nhằm giúp người dùng và các công cụ tìm kiếm có thể đánh giá nội dung trang web cũng như thứ hạng của trang. Nếu muốn trang của mình có thứ hạng cao trong kết quả tìm kiếm của Google thì mình nghĩ nút Google+ là vũ khí không thể thiếu cho trang của bạn, đơn giản vì Google luôn ưu tiên vào các công cụ, sản phẩm của mình mà.

Hướng dẫn thêm nút Google + cho WordPress

Để thêm nút Google + đầu tiên bạn cần thêm đoạn mã sau vào footer.php trong thư mục gốc của theme của bạn.

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

Sau đó bạn tiếp tục mở file functions.php cũng ở thư mục gốc theme , bạn thêm đoạn mã sau vào:

 function add_googleplusone() {

echo '<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>';

}

add_action('wp_footer', 'add_googleplusone');

Sau khi thêm đoạn JavaScript đó vào functions.php, bây bạn theme của bạn đã thêm thành công nút Google+. Bây giờ công việc của bạn chỉ là chọn vị trí hiển thị cho nút G+ nữa thôi, nhưng đầu tiên bạn hãy chọn cho mình một phong các cho nút G+ trước đã.

googleplusonesizes

Và đây là mã phong cách của các nút Google + có trong ảnh, hãy chọn một chủ đề và dán vào vị trí nơi mà bạn muốn hiển thị. Ví dụ vào vị trí dưới phần bài viết thì bạn dán vào file single.php .

Code phong cách Small

 //Code to paste for the Small Button

<g:plusone size="small" href="<?php the_permalink(); ?>"></g:plusone> 

Code phong cách Midium

 //Code to paste for the Medium Button

<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone> 

Code phong cách Standard

 //Code to paste for the Standard button

<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

Code phong cách Tall

 //Code to paste for the Tall Button

<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone> 

Sau khi thêm chọn cho mình một phong cách và dán đoạn mã đó vào nơi mà bạn muốn hiển thị thì công việc của chúng ta đã hoàn thành. Bạn chỉ cần thêm css để căn các nút mạng xã hội của mình nữa là coi như hoàn hảo rồi.

Một số mẹo vặt với nút Google +

Ẩn hiển thi số lượng lượt like và share Google+

Nếu bạn muốn nút Google + không hiển thị số lượng lượt like hay share nữa thì bạn hãy thêm tham số count=”false” vào các đoạn mã hiển thị phong các nút Google + ở trên . Ví dụ bạn áp dụng cho phong cách Tall nhé.

 <g:plusone size="small" count="false" href="<?php the_permalink(); ?>"></g:plusone> 

Tương tác Google+ với Google Analytics

Nếu bạn muốn theo dõi dữ liệu thống kê về nút Google + của bạn, hãy sửa lại mã hiển thị nút Google+ như thế này:

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

Và thêm đoạn mã sau vào footer.php trong thư mục gốc theme nhé.

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

<script type="text/javascript">

function plusone_vote( obj )

{

_gaq.push(['_trackEvent','plusone',

obj.state]);

}

</script> 

Lời kết: Mong là các bạn có thể áp dụng nó cho trang WordPress của mình, mọi thắc mắc các bạn vui lòng để lại bình luận để mình và mọi người cùng giải đáp nhé.

About the author

David Lợi

Tôi là Lợi . Tôi học tất cả mọi thứ và chia sẻ những gì tôi học được đến tất cả mọi người. Hãy ủng hộ tôi nếu bạn tin tôi và tin vào khả năng của bạn. Tôi sẽ giúp bạn và tôi thành công!

Leave a Comment