MMO - kiếm tiền online và thủ thuật máy tính


Cộng đồng vui bựa status Tham gia đê

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner

10:13 |

Với feedburner, bạn có thể dễ dàng tăng thêm truy cập cho website thông qua tính năng tự động gửi bài viết tới người dùng bằng email.


Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner

Feedburner là gì ?


Feedburner là một dịch vụ miễn phí của Google cho phép quản trị viên có thể tạo nguồn cấp RSS trên website (tổng hợp nội dung theo trình tự thời gian - ví dụ). Feedburner hiện đang cung cấp khá nhiều tính năng hữu ích nhưng để tạo ra được 1 form theo dõi hoàn chỉnh như trên thì chúng ta sẽ cần sử dụng tới tính năng gửi bài viết qua email.

Mình thích sử dụng feedburner vì nó mang đến ít nhất 3 lợi ích cho website
- Tăng tính chuyên nghiệp, từ khi bổ sung thêm thằng này vào footer mình có cảm giác website giá trị hơn hẳn. Bạn có thể kéo xuống dưới và ngó qua nhé :))
- Thể hiện sự quan tâm tới người dùng bằng việc gửi email thông báo đều đặn mỗi khi có bài viết mới.
- Tăng thêm nguồn truy cập thụ động, vừa nhàn vừa tốt cho SEO.
Okie, giờ thì đi vào vấn đề chính :D

Lấy url feedburner cho blogspot


URL feedburner là điều kiện quan trọng để form đăng ký nhận bài viết mới hoạt động ổn định. Có lẽ vì cùng chung cha đẻ Google mà mỗi blogspot khi vừa sinh ra đã có sẵn URL feedburner.

- Đăng nhập blogger, bên menu trái chọn Bố cục.
- Kéo nội dung xuống phần Sidebar và nhấn Thêm tiện ích.

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Thêm tiện ích trong blogspot

- Tại tab Cơ bản (có 27 tiện ích), chọn Theo dõi qua email (Subcribe via email). Đây chính là phiên bản thu nhỏ của feedburner.

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Tiện ích Theo dõi qua Email 

- Cửa sổ mới xuất hiện, copy đoạn text khoanh đỏ như hình dưới đây (123itvn/feJm). Sau đó nhấn Hủy để kết thúc, chỉ cần lấy được đoạn text này là okie rồi.

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Copy đoạn text trong url feedburner  blogspot

Bước 2 : Tạo form đăng ký nhận bài viết mới trên blogspot (form theo dõi)


- Chọn Mẫu / Chỉnh sửa HTML.
- Copy - paste đoạn mã sau vào vị trí bạn muốn đặt form theo dõi.

<div class="nam">
<style>
.nam {width:300px; height:250px; background:#3e433e; margin:5px auto; font-size:13px; color:#d1d1d1; text-align:center; padding:10px; }
.nam b {font:bold 24px helvetica; color:#fff; float:left; width:inherit; text-align:center; padding:20px 0; }
.nam form {width:250px; margin:0 auto;}
</style>
<b>THEO DÕI QUA EMAIL</b><br />
Đăng ký để cập nhật những bài viết mới nhất về kiếm tiền online và thủ thuật máy tính từ 123itvn.com!<br />
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=URL', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="email" placeholder="Email của bạn..." style="border: 1px solid #fff; box-sizing: border-box; padding: 9px 5px; width: inherit;" type="text" />
<input name="uri" type="hidden" value="URL" />
<input name="loc" type="hidden" value="vi_VI" />
<input class="button" style="background: #ff7400; border: none; color: white; font-size: 18px; font-weight: bold; margin: 10px auto; padding: 9px 5px; width: inherit;" type="submit" value="ĐĂNG KÝ NGAY" />
</form>
</div>

- Thay thế URL bằng đoạn text copy ở bước 1.
- Chỉnh sửa lại chiều rộng width và chiều cao height cho phù hợp với yêu cầu của bạn.
- Lưu template lại.
Good luck :)


Từ khóa tìm kiếm :

  • feedburner là gì
  • tạo form theo dõi trên blogspot bằng feedburner
  • tạo form theo dõi bằng feedburner 
  • form nhận bài viết mới qua email cho blogspot
  • theo dõi bài viết mới qua email trong blogspot
  • subcribes via email feedburner blogspot

Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website

12:04 |

Quản trị website hiệu quả bằng việc tận dụng sức mạnh của mã theo dõi trong Google Webmasters.


Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website

Google analytics là gì ???


Google Analytic là một công cụ thống kê và phân tích lưu lượng truy cập được cung cấp miễn phí bởi Google. Hiện tại, google analytics đang hỗ trợ 5 giải pháp cho người dùng nhưng trong đó analytics nội dung trên website là phổ biến hơn cả. Đa số webmaster và SEOer ở Việt Nam đều đang sử dụng google analytics, còn bạn thì sao ?



Với google analytics, bạn sẽ có cái nhìn tổng quan về lưu lượng truy cập, từ khóa tìm kiếm, hành vi người dùng và rất nhiều nội dung khác đang tương tác trên website của bạn. Từ các con số thống kê cụ thể, chúng ta có thể dễ dàng xây dựng được những kế hoạch phát triển website trong tương lai và kiểm tra việc SEO đã đạt hiệu quả như mong muốn hay chưa ?

Ví dụ : sau một thời gian theo dõi google analytics, mình thấy bài viết kiếm tiền trên ipanel online có lượng truy cập tương đối lớn. Okie, như vậy SEO cũng tạm ổn, bây giờ mình sẽ tiếp tục mở rộng nội dung để liên kết bài viết này với các bài viết khác cùng chủ đề trong website nhằm tăng thêm lượt view ⇒ tăng doanh thu quảng cáo :)

Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Lượng khách đang online và xem nội dung trên www.123itvn.com

Đăng ký (tạo mới) và đăng nhập vào tài khoản google analytics


- Để sử dụng công cụ google analytics, trước tiên bạn cần có 1 tài khoản Google (tài khoản dùng chung cho tất cả những dịch vụ cung cấp bởi Google). Nếu chưa có, hãy đăng ký ngay nhé !
- Truy cập trang chủ google analytics, trên thanh menu chọn Đăng nhập.

Cài đặt google analytics 


Bước 1 : Sau khi đăng nhập thành công, bạn sẽ được chuyển hướng tới trang giới thiệu. Tại đây, hãy nhấn vào nút Đăng ký để bắt đầu sử dụng google analytics.
Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Thao tác đầu tiên với google analytics

Bước 2 : Hoàn thiện thông tin tài khoản
- Đối tượng theo dõi : website hoặc ứng dụng android. Ở đây, mình chọn website.
- Tên tài khoản.
- Tên trang web.
- URL trang web.
- Danh mục ngành.
- Múi giờ báo cáo : chọn vị trí Việt Nam.
Sau khi điền xong thông tin, kéo nội dung xuống dưới và nhấn Nhận ID theo dõi để chuyển sang bước tiếp theo.

Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Thiết lập thông tin trên tài khoản google analytics

Bước 3 : Thỏa thuận điều khoản dịch vụ google analytics xuất hiện, chọn Tôi chấp nhận.

Bước cuối cùng trước khi sử dụng google analytics

Thiết lập và lấy mã theo dõi website (tracking code) trên google analytics 


- Trên menu ngang, chọn Quản trị.
- Tại tab Thuộc tính, chọn Thông tin theo dõi / Mã theo dõi.

Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Lấy mã theo dõi google analytics

- Copy đoạn mã theo dõi do google analytics cung cấp.

Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Đoạn mã theo dõi của google analytics

Đặt mã theo dõi google analytics lên website


- Với bất cứ trang nào mà bạn muốn theo dõi lưu lượng truy cập, hãy tìm thẻ đóng </head> và paste đoạn mã trên vào ngay trước đó.
Lưu ý : Bạn không được phép thay đổi bất kỳ nội dung nào trong đoạn mã vì điều đó sẽ làm thông tin theo dõi bị lỗi.

- Sau khi đặt mã theo dõi, google analytics sẽ cần khoảng 24 giờ để tiến hành thu thập dữ liệu. Trong thời gian này, tất cả thông số đều sẽ có giá trị là 0.
- Với một số mã nguồn như PHP, ASP hoặc công nghệ tương tự, bạn có thể dán đoạn mã theo dõi vào 1 tệp javasrcipt riêng, sau đó gọi đến nó trong cặp thẻ <head></head>
Ví dụ : <script type="text/javascript" src="js/ga.js"></script>

Hướng dẫn chèn mã google analytics lên blotspot


- Sử dụng công cụ chuyển đổi HTMLX để lấy đoạn code mới.
- Đăng nhập blogger, chọn Mẫu / chỉnh sửa HTML.
- Copy đoạn mã vừa chuyển đổi và paste vào trước thẻ đóng </head>.
- Lưu lại template.

Cài đặt, cấu hình và đặt mã theo dõi google analytics vào website
Chèn mã theo dõi google analytics lê blogspot


Hướng dẫn chèn mã google analytics lên wordpress


- Sử dụng plugin : Insert Headers and Footers

Chèn code google analytics vào wordpress
Ảnh : caominhblog.com

- Sau khi cài đặt plugin thành công, tại trang Dashboard của WordPress, chọn SettingInsert Headers and Footers.
- Tại mục Scripts in Header, dán mã theo dõi vào đó.
- Lưu lại.

Lời kết


Google analytics là một công cụ hữu ích mà webmaster và seoer không thể thiếu trong việc quản trị website. Ở bài viết tới, mình sẽ phân tích chi tiết hơn về các thông số google analytics. Chỉ cần nắm được điều này, chắc chắn bạn sẽ biết mình cần phải làm gì để thay đổi hành vi người dùng và thu hút thêm lượt truy cập cho website. Thân ;)


Từ khóa tìm kiếm :

  • hướng dẫn sử dụng google analytics
  • hướng dẫn cài đặt google analytics
  • cách tạo tài khoản google analytics
  • google analytics code
  • cài đặt google analytics
  • lấy mã theo dõi google analytics
  • đặt mã google analytics lên website
  • nhúng mã google analytics vào website

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot

13:43 |

Không riêng gì blogspot mà với bất cứ website nào, giao diện mobile cũng đều quan trọng. Nó thể hiện tính chuyên nghiệp và sự thiết kế sáng tạo của người quản trị viên.


Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot

Những chia sẻ dưới đây được mình "đóng gói" sau 2 năm gắn bó với nền tảng blogger. Từ một thằng chân ướt chân ráo cho tới khi đã có thể tự chỉnh sửa giao diện blogspot. Dựa trên template có sẵn, bạn có thể làm gì với giao diện mobile ??? Tùy chỉnh đôi chút, thay đổi bố cục hay tạo mới nội dung ... - đó là những thứ mà chúng ta hoàn toàn có thể làm được :)

Lưu ý
- Hãy sao lưu blogspot trước khi thao tác.
- Phạm vi ảnh hưởng là toàn bộ template.
- Nội dung bài viết được xây dựng theo trải nghiệm thời gian, hi vọng các bạn sẽ thấy thích thú :))

Cách 1 : Sử dụng giao diện mobile mặc định của blogger (Cơ bản)


Ưu điểm : giao diện đơn giản, tốc độ tải nhanh.
Nhược điểm : khó tùy chỉnh, tính thẩm mỹ không cao.

Tiến hành tùy chỉnh


- Đăng nhập blogger, bên menu trái chọn Mẫu. Click vào hình bánh răng ở cột Điện thoại di động.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Tùy chỉnh giao diện mobile

- Tại mục mẫu dành cho điện thoại di động, chọn Mặc định sau đó lưu lại để test thử.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Giao diện mobile mặc định của blogger

Lần đầu tiên chọn template, nhờ thằng em thì nó gửi mình đúng cái không có giao diện mobile tùy chỉnh :)) Lúc đấy cũng chả để ý, setup chạy lên giao diện là sướng lắm rồi. Nhìn cái web sơ khai : tên miền đuôi .blogspot chứ không phải 123itvn.com như bây giờ, nội dung chưa có, toàn tiêu đề label mà vẫn thấy tự hào :))

Về sau, khi blog bắt đầu có lượng truy cập, mình đã nghĩ tới việc nâng cấp giao diện mobile để đặt được quảng cáo adsense (mình đang kiếm tiền online bằng thằng này) mà với giao diện mặc định của blogspot thì điều này là không thể, đó cũng là lúc mà cách 2 ra đời.

Cách 2 : Sử dụng giao diện mobile tùy chỉnh (Nâng cao)


- Ưu điểm : thay đổi giao diện theo ý thích.
- Nhược điểm : chỉ hiển thị duy nhất 1 giao diện trên nhiều thiết bị khác nhau, tức là với smartphone, máy tính bảng hay note book thì bạn vẫn thấy nó như vậy (khác hoàn toàn giao diện đáp ứng responsive nhé).
Cách 2 chủ yếu để tham khảo, mình không khuyến khích anh em làm theo :D

Tiến hành tùy chỉnh


- Giống như cách 1, nhưng tại mục mẫu dành cho điện thoại di động thì chọn Tùy chỉnh.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot

- Quay trở lại menu, chọn Mẫu / Chỉnh sửa HTML.
- Tìm đến thẻ mở <body> và chèn vào trước đó đoạn mã

<b:if cond='data:blog.isMobile == &quot;false&quot;'>

- Tiếp tục tìm thẻ đóng </body> rồi chèn vào sau đó đoạn mã

<b:else/>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Code_thay-thế</body>
</b:if>

- Copy toàn bộ code CSS + HTML + Javascript trong cặp thẻ <body></body> hiện tại, paste đè lên chữ Code_thay_thế được mình bôi đen.
- Lưu lại template.

Tổng quát lại thì cả đoạn mã là một câu điều kiện với vế 1 là giao diện desktop còn vế 2 là giao diện mobile. Đây là cách mà mình đã từng sử dụng để sở hữu 1 giao diện mobile không giống ai :D Để tùy chỉnh, bạn chỉ cần thay đổi lại CSS ở phần mobile thôi nhé.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Giao diện mobile và desktop trong câu điều kiện If

Okie, cách thứ 2 cơ bản đến đây là hoàn tất. Tuy nhiên trong quá trình sử dụng mình mới bắt đầu phát hiện thấy nhiều lỗi không ổn.
- Mỗi lần cập nhật, sửa code trên giao diện desktop là cũng phải sửa code trên giao diện mobile (làm 2 lần).
- Số lượng code nhiều gấp 2 lần nên thao tác rất hay nhầm hoặc sót.
- Giao diện hiển thị xấu dần trên thiết bị có màn hình to.
Chốt : các bạn không nên tùy chỉnh giao diện bằng cách này, mình chỉ chia sẻ để anh em biết thêm thôi. Cách tiếp theo mới là quan trọng này :))

Cách 3 : Sử dụng code responsive (Tối Ưu)


Đây là cách mình đang áp dụng với 123itvn và có lẽ cũng là cách phổ biến nhất hiện nay khi tùy chỉnh giao diện trên blogspot.
- Ưu điểm : với code responsive, giao diện sẽ hiển thị tốt trên hầu hết các thiết bị.
- Nhược điểm : cập nhât sau =))
Hầu hết tamplate blogspot hiện nay đều có tính năng responsive nhưng nếu bạn nắm rõ hơn về cách code CSS, bạn vẫn có thể tùy chỉnh giao diện theo ý muốn.

Tiến hành tùy chỉnh


- Vào Mẫu / Chỉnh sửa HTML.
- Để khai báo tính năng responsiove, hãy đưa thẻ meta dưới đây vào trong cặp thẻ <head></head>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

- Tiếp đến, copy-paste đoạn mã responsive sau vào phần dưới cùng của CSS.
Ở đây, mình xây dựng giao diện với chiều ngang tối thiểu là 320px ⇒ tối đa 1280px. Bạn có thể bổ sung thêm kích cỡ chiều ngang nếu muốn.
Code CSS tương ứng với việc hiển thị trên từng thiết bị sẽ do bạn tự thiết lập. Sau khi lưu template, check lại bằng công cụ Viewport Resizer nhé :)

/* Dành cho điện thoại */
@media all and (min-width: 320px)
{Code CSS}
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 480px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 600px */
@media all and (min-width: 600px)
{Code CSS}
/*  Dành cho màn hình chiều rộng tối thiểu 800px (máy tính bảng để ngang, smart phone, ...) */
@media all and (min-width: 768px)
{Code CSS}
/*  Dành cho màn hình chiều rộng tối thiểu 800px (máy tính bảng để ngang, smart phone, ...) */
@media all and (min-width: 768px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 1280px (desktop) */
@media all and (min-width: 1280px)
{Code CSS}

Lời kết


Việc xây dựng và tùy chỉnh giao diện mobile trên blogspot không hề khó, chỉ cần nắm vững CSS là chúng ta đã có thể thay đổi giao diện theo ý mình thích. Nếu template mà bạn đang sử dụng chưa có tính năng responsive, hãy cập nhật luôn nhé :)


Từ khóa tìm kiếm :

  • tùy chỉnh giao diện mobile trên blogspot
  • tùy biến giao diện mobile cho blogger 
  • xây dựng và tạo mới giao diện mobile blogspot
  • giao diện mobile blogspot hiển thị responsive

Code share facebook, twitter, google plus dạng text cho blogspot

10:42 |

Không cần plugin, bạn vẫn có thể tạo nút share bài viết lên facebook, twitter, google+ hay những mạng xã hội khác một cách đơn giản.


Code share facebook, twitter, google plus dạng text cho blogspot
Code share facebook, twitter, google plus dạng text cho blogspot

Ưu điểm 
- Nút share có dạng text.
- Không sử dụng plugin nên tốc độ tải trang khá nhanh.
- Giao diện thân thiện, dễ tùy chỉnh.
Yêu cầu : hãy đảm bảo là bạn nắm vững kiến thức về HTML + CSS !

Code share bài viết lên facebook


<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#3b5998; font-weight:bold; ' target='_blank'>
Share on facebook</a>

Demo

Share on facebook


Code share bài viết lên twitter


<a expr:href='&quot;http://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#00acee; font-weight:bold;' target='_blank'>
Share on twitter</a>

Demo

Share on twitter


Code share bài viết lên google plus (google+)


<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=&quot; + &quot;en&amp;url=&quot; + data:post.url' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#DC4E41; font-weight:bold;' target='_blank'>Share on google+</a>

Demo

Share on google+


Code share bài viết cho hầu hết các mạng xã hội


Ngoài facebook, twitter hay google+ thì vẫn còn khá nhiều mạng xã hội khác mà chúng ta có thể muốn share bài viết như pinterest, reddit, .... Mình đã tổng hợp lại tất cả trong 1 file text. Sau khi tải về, bạn chỉ việc copy lần lượt 2 thông số và paste đè lên đoạn mã được bôi đậm như bên dưới nhé.

<a expr:href='...' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#color; font-weight:bold; ' target='_blank'>
Share on ...</a>




Từ khóa tìm kiếm :

  • nút share facebook, twitter, google+ dạng text
  • nút share mạng xã hội cho blogspot
  • code share bài viết blogspot lên facebook
  • share bài viết blogspot lên mạng xã hội
  • code share facebook, twitter, google cho blogspot
  • code share lên facebook dạng text

Xây dựng trang tìm kiếm tùy chỉnh giống Google bằng Search Console

23:18 |

Tìm kiếm tủy chỉnh là 1 chức năng trong Search Console cho phép bạn có thể bê nguyên bộ máy tìm kiếm Google lên website của bạn.


Xây dựng trang tìm kiếm giống Google bằng Search Console
Xây dựng trang tìm kiếm giống Google bằng Search Console


Tại sao nên sử dụng tìm kiếm tùy chỉnh trong Search Console ?


Khi bạn tìm kiếm trên Google, kết quả  trả về sẽ chứa địa chỉ của nhiều trang web khác nhau. Nhưng với tìm kiếm tùy chỉnh thì không, tất cả kết quả sẽ đều trỏ về 01 website duy nhất do bạn thiết lập, ở bài viết này mình sẽ sử dụng 123itvn làm luôn demo cho dễ hình dùng :)

Ưu điểm
- Tăng lượng truy cập và thời gian truy cập với website, điều này rất tốt cho SEO.
- Giao diện thân thiện, dễ sử dụng.
- Kết quả tìm kiếm chính xác 100%.

Yêu cầu : bạn phải có tài khoản Search Console

Lấy code


- Đăng nhập Search Console.
- Tại menu trái, chọn Tài nguyên khác ⇒ Tìm kiếm tùy chỉnh.
- Cấu hình

  • Trang web để tìm kiếm : copy - paste URL website của bạn vào đây, có thể sử dụng 1 hay nhiều trang nhé.
  • Ngôn ngữ : Tiếng Việt
  • Nhập tên công cụ tìm kiếm

Ấn nút Tạo để hoàn tất.

Xây dựng trang tìm kiếm giống Google bằng Search Console
Tạo tìm kiếm tùy chỉnh trong Search Console

- Nhấn nút Nhận mã sau đó copy đoạn code mà Search Console cung cấp.

Xây dựng trang tìm kiếm giống Google bằng Search Console
Lấy mã của tìm kiếm tùy chỉnh

Xây dựng trang tìm kiếm tùy chỉnh


- Truy cập vào nơi quản lý website.
- Tạo 1 trang mới, sau đó paste đoạn mã phía trên vào phần code. Đây sẽ là trang tìm kiếm tùy chỉnh trên website của bạn.
- Ở thẻ form, tại thuộc tính action hãy thay trang bằng URL trang tìm kiếm của bạn
  <form action='trang' id='search' method='get'>
Ví dụ : http://www.123itvn.com/p/search.html

Cấu hình trang tìm kiếm tùy chỉnh


Truy cập : https://cse.google.com/cse/all
Search Console cho phép bạn có thể thay đổi 1 số chức năng trong trang tìm kiếm để chúng thân thiện hơn với người dùng. Mò hết chỗ này cũng mất nhiều thời gian đấy, cho nên mình sẽ liệt kê trước những cái quan trọng, sau này update thêm :D
- Tab thiết lập : cho phép tìm kiếm bằng hình ảnh.

Xây dựng trang tìm kiếm giống Google bằng Search Console
Tab "thiết lập" trong tìm kiếm tùy chỉnh

- Tab Giao diện : Search Console hiện đang cung cấp 7 giao diện tìm kiếm, với 123itvn thì mình sử dụng giao diện Chiều rộng đầy đủ.

Xây dựng trang tìm kiếm giống Google bằng Search Console
Giao diện tìm kiếm trên 123itvn, xem demo


Từ khóa tìm kiếm :

  • tìm kiếm tùy chỉnh bằng search console
  • tạo trang tìm kiếm tùy chỉnh bằng search console
  • công cụ google tìm kiếm tùy chỉnh
  • search console tìm kiếm tùy chỉnh

Sao lưu, khôi phục data và template blogspot

20:18 |

Trong quá trình xây dựng và phát triển site, không ít blogger đã vô tình gây ra những lỗi cơ bản làm ảnh hưởng đến giao diện (template) hay dữ liệu (data) của blogspot. Hãy sao lưu, khi bạn còn có thể :)


Sao lưu, khôi phục data và template blogspot
Sao lưu, khôi phục data và template blogspot

Sao lưu giao diện blogspot (template)


Trong quá trình thao tác với code, có thể chúng ta sẽ bị lỗi ở phần nào đó mà không thể tìm ra cách giải quyết. Những lúc như này thì việc lôi lại template là cách tốt nhất khiến mọi thứ trở nên ngon lành như ban đầu, tin mình đi :D
Thời gian : tiến hành sao lưu template blogspot trước và sau mỗi lần sửa code.
- Tại menu trái, chọn Mẫu ⇒ Sao lưu / khôi phục

Sao lưu, khôi phục data và template blogspot
Sao lưu template blogspot

- Để sao lưu template, nhấn khung tại ô số 1. File tải về sẽ có đuôi .xml
- Để khôi phục, nhấn Chọn tệp ở ô số 2.

Sao lưu, khôi phục data và template blogspot
2 bước để sao lưu và khôi phục template blogspot

Sao lưu dữ liệu blogspot (data) 


Tải về toàn bộ dữ liệu các bài viết, trang, ... của blogspot. Cách này được áp dụng để bảo vệ blogspot trong trường hợp chúng ta vô tình xóa nhầm bài viết hoặc bị kẻ xấu cố ý phá hoại nội dung. Nếu không sao lưu kịp thời từ trước, dù có cố gắng thì cũng không thể khôi phục lại đâu nhé.

- Tại menu trái, chọn Cài đặtKhác
- Để sao lưu data blogspot, nhấn nút Sao lưu nội dung. File tải về sẽ có đuôi .xml
- Để khôi phục data, chọn Nhập nội dung.

Sao lưu, khôi phục data và template blogspot
Sao lưu dữ liệu blogspot


Từ khóa tìm kiếm :

  • sao lưu và khôi phục blogspot
  • sao lưu khôi phục template blogspot
  • sao lưu khôi phục data blogspot
  • sao lưu phục hồi dữ liệu trong blogger

Liên kết video trên youtube tới website

21:23 |

Quảng bá website một cách hiệu thông qua việc liên kết với video trên Youtube


Liên kết video youtube tới website
Liên kết video youtube tới website

Điều kiện liên kết


- Tài khoản youtube đã được xác minh (kiểm tra).
- Kênh youtube có trạng thái tốt (kiểm tra).
- Website đã được thêm vào Seach Console (xem kỹ ở phần Thêm thuộc tính).

Cho phép liên kết từ video youtube tới website


Bước 1 : truy cập cài đặt nâng cao trên Youtube.
Bước 2 : tại mục Trang web được liên kết, nhập URL vào khung và nhấn Thêm. Quá trình xử lý có thể mất tới vài ngày.

Liên kết video youtube tới website
Thêm website cần liên kết

Bước 3 : truy cập Seach Console, khi vào mục Thông báo bạn sẽ thấy ngay yêu cầu liên kết từ youtube.
- Trong trường hợp không có thông báo, hãy kiểm tra lại địa chỉ website ở bước 2.
- Chọn Phê duyệt.
Ok, từ giờ trở đi bạn đã có thể đặt link từ video đến website được phê duyệt.

Liên kết video youtube tới website
Xác nhận việc liên kết từ video youtube với website trong Search Console


Chèn liên kết vào video


Dưới mỗi video đều có 1 thanh công cụ. Để tiến hành chèn link, sử dụng Chú thíchhoặc Thẻ (khung khoanh đỏ). Bạn chỉ cần click và làm theo hướng dẫn là okie nhé ;)

Liên kết video trên youtube tới website
2 công cụ dùng để chèn link

Liên kết video youtube tới website
Đối với Chú thích

Liên kết video youtube tới website
Đối với thẻ 


Từ khóa tìm kiếm :

  • liên kết video youtube tới website
  • liên kết video tới trang web
  • liên kết website với video trên youtube
  • liên kết website với  kênh youtube

Quản trị website bằng Google Search Console (Google Webmasters)

10:45 |

Với Google Search Console, quản trị viên sẽ nắm rõ hơn về cách tổ chức nội dung còn người làm SEO thì biết được những gì mà bộ máy tìm kiếm cần ở website của bạn.
[LƯU Ý] Google Webmasters là tên gọi cũ của Search Console.


Quản trị website bằng Google Search Console (Google Webmasters)
Quản trị website bằng Google Search Console (Google Webmasters)

Đăng ký tài khoản Search Console


Địa chỉ : https://www.google.com/webmasters/
Bạn có thể sử dụng tài khoản Google để đăng nhập hoặc đăng ký tài khoản Google nếu chưa có.
Xem Clip



Thêm thuộc tính


Sau khi đăng nhập thành công, việc đầu tiên cần làm là đưa website vào danh sách thuộc tính. Ở đây, mỗi website sẽ được coi như 1 thuộc tính và được quản trị bởi Search Console.
- Nhập địa chỉ URL
Bạn có thể nhập URL của 1 website hoặc 1 ứng dụng android trên Google Play, tuy nhiên với nội dung bài viết này thì chúng ta sẽ bỏ qua phần android nhé, mình lấy ví dụ URL web : http://www.vuistt.com/
- Nhấn Thêm thuộc tính để chuyển sang bước tiếp theo.

Quản trị website bằng Google Search Console (Google Webmasters)
Thêm thuộc tính trong Search Console (Google Webmasters)

- Tại đây, Google sẽ yêu cầu bạn phải xác minh quyền sở hữu với website thông qua nhiều phương pháp. Bạn có thể lựa chọn bất kỳ phương pháp nào phù hợp và làm theo thướng dẫn. Nhấn Xác Minh khi mọi thứ đã hoàn tất.

Quản trị website bằng Google Search Console (Google Webmasters)
Các phương thức xác mình trong Search Console

Lưu ý : Quá trình xác minh có thể mất tới vài ngày. Và trong khoảng thời gian này, quản trị viên sẽ không thể nhìn thấy bất cứ thông tin nào cuae website trong Google Webmasters.

Quản trị website (thuộc tính)


Google Webmasters cung cấp rất nhiều công cụ để quản trị nội dung web. Mình sẽ liệt kê những chức năng chính mà mình cảm thấy thực sự có hiệu quả. Đối tượng áp dụng  : www.123itvn.com

Danh sách chức năng trong
Search Console

Lưu lượng tìm kiếm


Phân tích tìm kiếm (keyword) : tổng hợp thông tin về tất cả các truy vấn, số lần nhấp chuột, vị trí trong kết quả tìm kiếm, ... liên quan tới website. Chỉ nhìn vào đây cũng có thể biết từ khoá nào được SEO tốt, từ nào chưa. Hãy điều chỉnh lại cho phù hợp :D

Quản trị website bằng Google Search Console (Google Webmasters)
Phân tích từ khoá rất cụ thể trong Google Search Console (Google Webmasters)

Các liên kết tới trang web (backlink) : thống kê số lượng tên miền, backlink và những trang đang đặt backlink trỏ về website của bạn

Quản trị website bằng Google Search Console (Google Webmasters)
Thống kê backlink trong Google Search Console

Thu thập dữ liệu



Tạo sitemap


Thông qua sitemap, các bộ máy tìm kiếm sẽ hiểu rõ hơn về cấu trúc cũng như nâng cao hiệu quả thu thập thông tin trên website của bạn.
Tham khảo : tạo sitemap cho blogspot

Lập chỉ mục (index) - Tìm nạp như Google


Đưa bài viết vào danh sách kết quả tìm kiếm trên Google một cách nhanh nhất có thể.
Ví dụ : với 1 website có lượng truy cập 2000/ngày thì mỗi bài viết mới sẽ cần khoảng 5 ngày để được index. Tuy nhiên nếu sử dụng công cụ lập chỉ mục trong Search Console, thời gian này chỉ còn tính bằng giờ, tức là nhanh hơn rất nhiều lần.
Xem chi tiết : lập chỉ mục cho website

Tài nguyên khác


- Page Speed Insight : công cụ phân tích, đánh giá và tăng tốc website.
- Tìm kiếm tùy chỉnh : xây dựng trang tìm kiếm giống Google cho website của bạn, cái này mình sẽ cập nhật sau :)

Lời kết


Hi vọng với việc khai thác Search Console (Google Webmasters), chúng ta sẽ có thể cải thiện đáng kể nội dung website, đẩy mạnh hiệu quả trong làm SEO. Chỉ cần làm tốt điều này là bạn đã có 1 website hoàn toàn khoẻ mạnh !


Từ khóa tìm kiếm :

  • google search console là gì
  • search console và google webmasters
  • quản trị web bằng google  search console
  • seo website bằng search console

[Update] Quảng cáo cấp trang trong Google Adsense

12:50 |

Quảng cáo cấp trang hay Page-level ads là một định dạng quảng cáo mới vừa được Google Adsense đưa vào sử dụng để tăng doanh thu trên mobile.


[Update] Quảng cáo cấp trang trong Google Adsense
Quảng cáo cấp trang trong Google Adsense

Đầu tháng 3 năm 2016, khi đăng nhập vào tài khoản Adsense, không ít Publisher đã nhận được thông báo về 1 định dạng quảng mới mới có tên : quảng cáo cấp trang (Page-level ads).

Điều đặc biệt là loại quảng cáo này chỉ có hiệu quả duy nhất với "thiết bị di động cao cấp" - iPhone 7 chẳng hạn =)), dường như Google đã bắt đầu quan tâm nhiều hơn đến mảng adsense trên thiết bị cầm tay :)

Định dạng quảng cáo cấp trang


Theo thông tin do Google cung cấp thì quảng cáo cấp trang chỉ xuất hiện vào thời điểm tối ưu nhất để giúp tăng doanh thu và cung cấp trải nghiệm người dùng tốt. Thực sự thì mình cũng chưa hiểu thời điểm tối ưu nhất nó như thế nào, có lẽ phải test thêm trong tương lai :D

Phân loại 
- 1 : Quảng cáo neo/lớp phủ, ads sẽ nằm ở cạnh dưới màn hình như bạn thấy.
- 2 : Quảng cáo giữa lần tải trang, khi bạn ở trang A ấn link sang trang B thì ads loại này xuất hiện.

[Update] Quảng cáo cấp trang trong Google Adsense
Phân loại quảng cáo cấp trang của Google Adsense

Lưu ý 
- Quảng cáo cấp trang sẽ không tính vào giới hạn 3 quảng cáo trên mỗi trang.
- Chỉ hiển thị trên trang web được tối ưu hóa cho thiết bị di động, nếu website của bạn chưa có phiên bản mobile hoặc không phải website responsive thì cập nhật ngay đi nhé.

Sử dụng mã quảng cáo cấp trang


- Đăng nhập adsense, chọn Tab Quảng cáo của tôi ⇒ Quảng cáo cấp trang.
- Nhấn nút <> Lấy mã, sau đó copy code adssense.
- Đặt mã quảng cáo trong thẻ <head> (hoặc ở đầu <body>) của các trang mà bạn muốn hiển thị Quảng cáo cấp trang. Bạn chỉ cần phải làm điều này một lần cho mỗi trang.
[For Blogger] : nếu hệ thống báo lỗi khi chèn code vào blogspot, hãy sử dụng công cụ chuyển đổi htmlx nhé :)

Kiểm tra quảng cáo cấp trang


Để test xem quảng cáo cấp trang có hoạt động hay không, hãy truy cập website của bạn trên mobile và thêm đoạn mã #googleads vào sau địa chỉ URL.
Ví dụ : http://www.123itvn.com/?m=1#googleads

[Update] Quảng cáo cấp trang trong Google Adsense
Quảng cáo khi đang tải trang


Từ khóa tìm kiếm :

  • quảng cáo cấp trang trong Google Adsense
  • page-level ads google adsense
  • quảng cáo cấp trang ga việt nam
  • quang cao cap trang google adsense