Thêm nút Like Google Plus G+ vào một trang Web bất kỳ

Xuất bản lúc: 5:01 CH_ 29/08/2017  
Bạn có biết tầm quan trọng của việc thêm các nút chia sẻ trên trang web của mình, nó sẽ mang lại lưu lượng truy cập cho trang web của bạn và cũng tốt cho SEO. Nếu nội dung của bạn đã trở nên lan truyền nhanh trên các trang web mạng xã hội như Google, Facebook, Twitter ... thì có nhiều khả năng nội dung sẽ nhanh chóng đạt được một SERPs tốt. Hôm nay tôi sẽ giúp các bạn cách thêm Nút G+  vào trang web /Blog của bạn.

  • Trước tiên copy đoạn mã sau vào trước thẻ </Head> hoặc phần Body trong Mã nguồn trang WEb
<!-- đặt đoạn mã này vào trước thẻ </Head> hoặc phần Body trong Mã nguồn trang WEb. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>




Hoặc chọn thêm đoạn sCript này vào nếu bạn không muốn ảnh hưởng đến tốc độ Load trang

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
 (function() {
 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
 po.src = 'https://apis.google.com/js/plusone.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script>

Lưu ý:  chỉ chọn một trong hai đoạn mã phía Trên.
  • Tiếp theo bạn  đặt một trong 3 thẻ sau vào vị trí mà bạn muốn nút G+ hiển thị:

Small button ( nút nhỏ):
<div class="g-plusone" data-size="small"></div>

Medium button (Nút to vừa):
<div class="g-plusone" data-size="medium"></div>

Tall Button (Nút cao to):
<div class="g-plusone" data-size="tall"></div>


# Như vậy là đã hoàn thành, lúc này bạn chỉ cần Save Templay của mình lại và kiểm tra
# Nếu gặp trở ngại hoặc không thực hiện được , hãy để lại comment bên dưới tôi sẽ hỗ trợ các bạn.

Xem video: