Thêm Google +1 vào Thesis

Hiện tại Google chính thức công bố Google +1 (Google Plus One) và tiến hành khuyên các webmaster nên sử dụng Google +1. Nếu bạn nào chưa biết đến Google +1 thì xem qua video clip sau nhé!

 

Theo cảm quan của mình thì Google +1 có chức năng tương tự như Like (Facebook) và Tweet (Twitter), có lẽ đây là con bài của Google nhằm cạnh tranh với 2 mạng xã hội kia. Nhưng trong bài viết này mình không bàn gì vấn đề đó nữa.

Mình sẽ quay lại chủ đề chính là làm thế nào thêm Google Plus One vào Thesis

Đầu tiên là cái screenshot mình thử nghiệm thành công.

Google Plus One Screenshot

Các bạn có thể thấy cái nút +1 trong Screenshot mình chụp chứ :)

Để sử dụng được Google +1, các bạn cần 1 tài khoản Google, và Google Profiles, tuy nhiên việc thêm nút Google +1 thì bạn không nhất thiết phải có chúng.

Cách đơn giản nhất là gắn code do Google cung cấp lên website là đơn giản nhất. Google đã cung cấp cho chúng ta một đoạn code đơn giản là gắn vào là chạy.
Google Plus One Code

Bây giờ mình sẽ tiến hành thêm Google +1 vào Thesis nhé

Bước 1: Thêm nút Google +1

Có 3 cách để cách bạn làm:

Cách 1: Thêm Google +1 trong thẻ HEAD
Đơn giản là chúng ta sẽ gắn code do Google cung cấp vào Thesis Site Options > Document Head > Additional Scripts

Cách 2: Thêm Google +1 vào trước khi đóng thẻ BODY
Cũng tương tự như cách 1, ta sẽ gắn code vào trong Thesis Site Options > Stats Software/Scripts

Cách 3: Sử dụng file PHP custom_function.php và custom.css
1. Thêm Google +1 trong thẻ HEAD

function google_plus_one_integration() {
	?>

	<!--?php
}
add_action('wp_head', 'google_plus_one_integration');

2. Thêm Google +1 vào trước khi đóng thẻ BODY

function google_plus_one_integration() {
	?>

	<!--?php
}
add_action('thesis_hook_after_html', 'google_plus_one_integration');

Một lợi thế cho phương thức PHP là khả năng chỉ Google API chỉ được gọi khi thỏa mãn điều kiện, ví dụ Google +1 sẽ chỉ được hiển thị trên bài viết duy nhất.

Bước 2: Hiển thị nút Google +1

Như đã nói ở trên, việc sử dụng PHP rất có lợi khi bạn có thể đặt điều kiện gọi đến giá trị của thuộc tính

function google_plus_one_output() {
if (is_single()) {
	?>

	<!--?php
	}
}
add_action('thesis_hook_before_post', 'google_plus_one_output');

Đoạn code trên sẽ quy định cho nút Google +1 chỉ hiển thị trên bài viết đầu tiên.

Thêm code vào custom.css để hiện thị nút Google +1 (vị trí: phải)

.custom .my-plus-one { float:right; }

Ngoài ra còn nhiều cách khác các bạn có thể tham khảo trên chính Google nhé :)

Bạn nào không hiểu, hoặc không rành code có thể sử dụng file add sẵn của mình (Thesis 1.8 mặc định)

Bài viết có tham khảo hướng dẫn tại Thesis Blog

 

 

About Chidotoji

Hiện là sinh viên trường Hanoi University of Business and Technology (HUBT) và Aprotrain Aptech.
Hiện đang nghiên cứu SEO/SEM/Internet Marketing
Câu nói ưa thích: SIMPLE - EFFECTIVE
Hiện olalavui đang phát triển Chidotoji, Mẹo Marketing, Thông Điệp

Speak Your Mind

*