Tạo biểu mẫu liên hệ miễn phí mà không cần đăng ký hoặc lưu trữ "Formspree"

Formspree là một API thư điện tử hình dạng dễ dàng được sử dụng trên hàng ngàn trang web đã gửi hơn 75 nghìn email gửi hình dạng. Formspree bắt đầu dưới dạng Brace, được tạo ra bởi đội ngũ của Brace.io. Tuy nhiên, Brace.io tuyên bố rằng nó đã thay đổi thành nhận được bằng phương tiện Squarespace, và như một phần của quá trình chuyển đổi đó, bộ máy quan liêu của Brace trở thành nguồn mở. Do thực tế là Brace.io đã ngừng hoạt động, họ đã rẽ nhánh dự án và đưa nó vào cuộc họp để cung cấp cho mạng của nó một cơ hội để tiếp quản.

Tính năng, đặc điểm:
  • Không có PHP
  • Không có JavaScript
  • Không đăng ký
  • Công việc HTML cơ bản
  • Không có cơ sở dữ liệu
  • Không cần Hosting
  • Có thể được sử dụng trên Trang web, Blogger và trang blog miễn phí khác.

Làm thế nào để tạo mẫu liên hệ miễn phí mà không cần đăng ký hoặc lưu trữ?

# 1: Sao chép mã bên dưới và dán vào nơi bạn muốn hiển thị biểu mẫu.
<form action = "// formspree.io/your@email.com" method = "POST">
 <input type = "text" name = "name" bắt buộc />
 <input type = "email" name = "email" bắt buộc />
 <kiểu đầu vào = "gửi" giá trị = "Gửi" />
</ mẫu>

# 2: Thay thế your@email.com bằng địa chỉ email của bạn.

# 3: Trước tiên hãy tự gửi mẫu dưới dạng thử nghiệm và Xác nhận Địa chỉ Email của bạn.
# 4: Sau khi xác nhận, bạn sẽ bắt đầu nhận email.

Các tính năng tiên tiến
# 1: Giá trị này được sử dụng cho trường Trả lời của email. Bằng cách này, bạn có thể trực tiếp trả lời trực tiếp vào email để trả lời người đã gửi biểu mẫu ban đầu.

<input type = "text" name = "_ replyto" placeholder = "Email của bạn" bắt buộc />

# 2: Theo mặc định, sau khi gửi biểu mẫu, người dùng sẽ được hiển thị trang Formspree xóa Cảm ơn bạn. Bạn có thể cung cấp một URL thay thế cho trang đó.
<input type = "hidden" name = "_ next" value = "/ thank.html" />

# 3: Giá trị này được sử dụng cho chủ đề của email, để bạn có thể nhanh chóng trả lời các bài gửi mà không phải chỉnh sửa dòng tiêu đề mỗi lần.
<input type = "hidden" name = "_ topic" value = "Gửi mới!" />

# 4: Giá trị này được sử dụng cho Trường CC của email. Điều này cho phép bạn gửi một bản sao của mỗi lần gửi đến một địa chỉ email khác.
<input type = "hidden" name = "_ cc" value = "Another@email.com" />

# 5: Thêm trường mật ong trên mạng này để tránh spam bằng cách đánh lừa người dọn dẹp. Nếu một giá trị được cung cấp, việc đệ trình sẽ bị bỏ qua trong âm thầm. Đầu vào phải được ẩn bằng CSS.

<input type = "text" name = "_ gotcha" style = "display: none" />

# 6: Sử dụng AJAX: Bạn có thể sử dụng Formspree qua AJAX. Điều này thậm chí hoạt động chéo nguồn gốc. Mẹo nhỏ là đặt tiêu đề Chấp nhận thành application / json. Nếu bạn đang sử dụng jQuery, điều này có thể được thực hiện như vậy:
$ .ajax ({
 url: "//formspree.io/you@email.com",
 phương thức: "POST",
 dữ liệu: {tin nhắn: "xin chào!"},
 Kiểu dữ liệu: "json"
});

Cảm ơn các bạn đã theo dõi

Sửa lỗi Load more posts của template blogspot Sevida 1.7 nhanh

Sevida là một themes blogsopt khá đẹp và nhiều chức năng. Ngoài bản tính phí thì Sevida cũng đính kèm phiên bản chia sẻ miễn phí trên mạng. Tuy nhiên vô tình trang bản free lại mắc lỗi "Load more posts". Nếu bạn nào dùng mà bị lỗi có thể làm theo cách sau để sửa lỗi nhé

Làm thế nào tự động đăng bài lên nhiều trang Blogspot?

Hướng dẫn các bạn thiết lập tự động đăng bài lên nhiều trang blogger khác nhau

Những thứ cần chuẩn bị:

1 hosting miễn phí, 1 domain miễn phí và cài sẵn WordPress.
1 trang Blogger, hoặc nhiều tùy ý, bạn muốn tạo bao nhiêu trang vệ tinh cũng được.

Vào phần Cài đặt > Email trên trang Blogger của mình. Ở phần Đăng bài bằng email bạn điền 1 địa chỉ của bạn, email này là duy nhất cho nhiều blogger là được. Địa chỉ email này sẽ dùng để nhận các bài viết bạn lấy và đăng lên trang Blogger của bạn. ví dụ ở đây là  vivublogspot.auto@blogger.com

Đánh dấu chọn “Xuất bản email ngay lập tức” để đăng bài viết ngay.


Cài plugin Post Notification by Email Settings. Kích hoạt, chỉnh cài đặt như hình:


Sent to: Là email bạn vừa tạo ở trên. Ở đây là để bạn điền địa chỉ email sẽ nhận bài viết mới khi bạn đăng lên. Nếu muốn mail khác, cách nhau bằng dấu phấy (,).

Sent to user: người nhận. nếu muốn gửi cho những người đăng ký nhận tin thì bạn chọn Subscriber.

Email subject for new posts, pages and post types: Tiêu đề Email cho các bài viết mới theo các option sau :
  • Dùng {title}: Hiển thị tiêu đề của bài viết
  • Dùng {link_post}: Hiển thị URL của bài viết
  • Dùng {content_post}: Hiển thị nội dung
  • Dùng {date}: Hiển thị ngày xuất bản

Ở đây mình chỉ để title vì tiêu đề của email mà mình gửi cũng chính là tiêu đề bài viết sẽ được đăng lên Blogger.

Email body for new posts, pages and post types: Phần nội dung của Email khi gửi cũng có các tùy chọn như trên, các bạn chỉ cần để “content_post” .



Conditional Settings > Post Types: Chọn kiểu bài đăng mà bạn sẽ gửi đi, ở đây chỉ chọn Post, bỏ Page đi.

Phần Thẻ: Bạn sẽ gửi đi những bài viết với thẻ mà bạn quy định.
Phần Chuyên mục: Sẽ chọn những bài viết trong một (một số) chuyên mục cụ thể nào, bạn để nguyên cũng được.

Các tùy chọn khác không quan trọng. chọn “Lưu thay đổi” là xong.

Thử soạn thảo 1 bài viết test xem sao.


Xuất bản bài test. Tiếp theo, vào trang Blogger của bạn và xem thành quả.

Rất nhanh chóng phải không nào, vậy là bạn đã có thể thêm 1 bài viết vào Blogger tự động rồi.

Meta Tags Seo thân thiện và hợp lệ HTML5

Có lẽ trong số các blogger có không quen thuộc với thẻ meta này, cũng ở đây tôi sẽ giải thích một chút về các thẻ meta trong template blogger.

Thẻ Meta là một trong những tối ưu hóa trên một blog để blog bài viết và các bài viết mà chúng ta có một bản sắc rõ ràng.

Meta Tags Seo thân thiện và hợp lệ HTML5

Vì vậy, các blog sẽ được dễ dàng hơn truy tìm trong các robot tìm kiếm của trình duyệt như Google, Bing, hoặc các công cụ tìm kiếm khác, và sẽ được dễ dàng hơn được sắp xếp trong SERP


Các chức năng của thẻ meta về cơ bản bao gồm một số yếu tố quan trọng bao gồm:  
Thẻ Meta mô tả:  được sử dụng để cung cấp cho một cái nhìn tổng quát về nội dung của các trang blog của bạn. Số ký tự không quá 200 ký tự. Và nếu mô tả thì có thể là:
<meta content='mo ta ngan'  name='description'/>
Thẻ Meta từ khóa :  là thẻ rất quan trọng bởi vì việc xác định những từ khóa để tìm các trang blog trên các công cụ tìm kiếm.
<meta content="tu khoa 1, tu khoa  2, tu khoa 3,... name="keywords"/>
Thẻ Metag Robot : Mục tiêu chính là sử dụng meta robot thẻ để xác định blog của trang được lập chỉ mục các trang tìm kiếm và blog mà sẽ không được theo sau.  Thẻ này là rất hữu ích đặc biệt là nếu một blog sử dụng khung để điều hướng.
<meta content="index follow" name="robots"/>
Thành phần thứ ba của thẻ meta này nếu kết hợp sau đó hình như dưới đây:
<meta content='mo ta ngan' name='description'/>
<meta content='tu khoa 1, tu khoa 2, tu khoa 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>
Dựa vào cơ bản các bạn gộp chúng lại để tạo ra một bộ thẻ chuẩn SEO nhé!

Meta Tags Seo thân thiện và hợp lệ HTML5

Ở đây mình sẽ chia sẻ những ví dụ về các thẻ meta Seo thân và mẫu HTML5 hợp lệ mà minh sử dụng trên các phiên bản mới nhất cũng như câu trả lời cho các blogger về làm thế nào để loại bỏ các tiêu đề blog khi chia sẻ bài viết đến các phương tiện truyền thông xã hội. 

Đoạn code dưới đây có thể bạn thân cặp bên dưới thẻ mở  <head> hoặc trước </head>
<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='url img' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
Ghi chú:


Chúc các bạn đọc được những điều cần biết về onpage khi tạo blogs nhé!

Cách đặt Description hay Miêu tả cho Blogspot

Bât Description là một phần cực kỳ quan trọng cho Blogspot nhưng rất nhiều bạn không biết thủ thuật Blogspot cơ bản này dẫn đến Website nhận Description lung tung và không thế tối ưu SEO tốt được. Miêu tả cho một bài viết, cho một blogs là phần hướng dẫn quan trọng để người dùng chú ý đến blogs/website của bạn nhiều hơn!


Như trong hình là kết quả hiển thị của Meta Description trên Google, nó giống như phần Giới thiệu về Website, bài viết của chúng ta có Nội dung chính là gì, thậm chí nó cũng có thể như là Một đoạn Quảng cáo ngắn cho Website của bạn trên Google.

Phần Description trong Blogspot phải được Tối ưu hóa để mình khéo léo đưa phần Từ khóa mình cần SEO vào trong đó.

Khi các bạn không có thẻ Meta Description, có 2 trường hợp xảy ra:
  • Description nhận Menu trên cùng của các bạn, như Site mình nếu không bật Description là nó sẽ ra 1 list: Home - Thủ thuật Blogspot - Theme Blogspot - Thủ thuật SEO...
  • Description nhận đoạn văn bản đầu tiên trong Bài viết, nó chính là Phần này: Việc bật Description là một phần cực kỳ quan trọng cho Blogspot nhưng rất nhiều bạn không biết điều này dẫn đến Website nhận Description lung tung và không thế tối ưu SEO tốt được.
Như vậy việc không có thế Miêu tả sẽ làm khó bạn trong trường hợp người dùng họ truy cập, hay Google index làm cho blogs của bạn trở nên khó nhìn và không thân thiện

Cách đặt Description (Miêu tả) cho Blogspot

Đối với toàn bộ blogs: Vào phần Cài đặt, chọn tiếp phần Tùy chọn tìm kiếm


Ở phần Thẻ Meta Miêu tả (Description), bạn click vào chọn nút BẬT và điền Description cho Trang chủ vào rồi bấm Lưu thay đổi là được

Đối với từng bài viết trong blogspot: Khi bật Descrtipon cho Blogspot xong tại đây thì khi vào Bài viết sẽ có Phần miêu tả tìm kiếm ở bên phải chính là Description cho Bài viết, bạn điền vào sau khi hoàn thành Bài viết là được

Vào bài viết (hoặc trong lúc viết bài): Vào mục Cài đặt bài đăng nhìn xuống dòng Mô tả tìm kiếm việc mô tả tiềm kiếm thực hiện với 122 ký tự trở xuống nhé các bạn


Xong rồi nhấn vào Hoàn Thành là bạn đã đặt được mô tả rồi nhé!

Chúc các bạn thành công!

Chia sẻ Template chuẩn seo 2017

Simplify 2 Responsive Blogger Template


Simplify 2 Responsive Blogger Template. Có một số tính năng bổ sung và cũng có nhiều màu sắc hơn so với các mẫu trước đó. Đối với phiên bản cao cấp của mẫu Simplify 2  đã được tôi kết hợp nó với phiên bản đầu tiên.


Việc tạo blog sử dụng các template chuẩn seo rất có lợi cho người dùng, thân thiện hơn với các công cụ tìm kiếm hiện nay như Google..yahoo, Để lựa chọn cho mình một template chuẩn seo blogspot lại nhẹ cho người dùng thì nên cân nhắc kỹ. Cảm ơn các bạn đã đọc bài này!

Các tính năng sau của mẫu: 
Seo thân thiện với Google | Hệ thống phù hợp với mobile thận thiện người dùng | Thẻ heading động | Thiết kế chuẩn mobile | Adsense | Phù hợp với Schema.org | 
CTR cao | Blog cá nhân cao | Bố cục 2 cột | Tự động thêm với ảnh nhỏ | Vùng Quảng Responsive | 
Hỗ trợ breadcrumbs  | Bài viết liên quan với Thumb | Liên kết chân trang | Liên kết mạng xã hội | 
Top button..


Chúc các bạn thành công!

Hướng dẫn tạo Breaking News cho Blogspot

Làm thế nào để Thêm Breaking News (Tạo tin tức mới) cho Blogspot. Ở bài viết này mình hướng dẫn cho các bạn tạo mục tin tức mới , tin hot nằm đầu tiên trên các bài đăng. Việc tạo khá đơn giản.


Các bước thực hiện như sau: Lưu ý tùy thuộc vào Template blospot  của các bạn để thực hiện nhé!

Đầu tiên vào Blog của bạn Bloger-->Mẫu-->>Chỉnh sửa HTML



Nhấn Ctrl + F tìm kiếm ]]></b:skin> hoặc </style>


/* CSS Breaking News */


#breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;}


#breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #363b40;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;}


#adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;}


#adbreakingnews li a:hover {color:#359bed;}


#adbreakingnews {float:left;margin-left:75px;margin-top:6px;}


#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}




@media only screen and (max-width:640px){


#breakingnews {margin:20px 0 0 0;margin-right:0;}


#breakingnews .breakhead {padding:6.5px 14px;}


#adbreakingnews {margin-left:50px;}}


Sau đó, thêm mã dưới đây vào thẻ đóng </body>

<script type='text/javascript'>


//<![CDATA[


// Breaking News


$(document).ready(function(){var e="https://seowebaz.blogspot.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});


//]]>


</script>


Thay thế link https://seowebaz.blogspot.com bằng địa chỉ của bạn, sau đó lưu vào mã dưới ở mục nào bạn thích, thường thì đầu tiên header. Áp dụng trong các thẻ body nhé các bạn ( Nằm giữa 2 thẻ này <body> và thẻ đóng </body> ).


<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>


<div id='adbreakingnews'>Loading...</div></div>


Nếu bạn muốn hiển thị các tin tức trên trang chính, xin các bạn đánh dấu trong các thẻ nằm code dưới đây


<b:if cond='data:blog.pageType == &quot;index&quot;'>


<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>


<div id='adbreakingnews'>Loading...</div></div>


</b:if>



Sau đó lưu mẫu! 

Chúc các bạn thành công!

Thủ thuật thay đổi Blog Trở thành Dofollow và Nofollow

Thủ thuật thay đổi Blog Trở thành Dofollow và Nofollow, Đối với một số blog các bạn muốn thay đổi liên kết trở thành Dofollow, thủ thuật này rất đơn giản


Các bước thực hiện:


Bước 1: Đăng nhập vào Bloger của bạn



Bước 2: Sau đó vào: Mẫu-->Chỉnh Sửa HTML


Ở bước này: các bạn tìm kiếm ( Nhấn Ctrl + F ) mã dưới đây:

<a expr:href='data:backlink.url' rel='nofollow'>

Các bạn có thể loại bỏ tất cả các thuộc tính rel="nofollow"

<a expr:href='data:backlink.url' rel='nofollow'>

Nó sẽ trở thành như đoạn code dưới :

<a expr:href='data:backlink.url'>

Sau đó nhấn Save Template. Đó là cách để biến Blog của bạn từ Nofollow trở thành DoFollow, khá đơn giản. Hy vọng sẽ hữu ích cho các bạn. cảm ơn các bạn đã đọc

Chúc bạn thành công !

Cài Google Analytics cho Blogspot

Bài viết này hướng dẫn các bạn cách Cài Google Analytics cho Bogspot. Google Analytics cung cấp tính năng phân tích kỹ thuật số mạnh mẽ cho bất kỳ ai có sở hữu web, lớn hoặc nhỏ.




Đó là một trong những giải pháp phân tích kỹ thuật số có sẵn mạnh mẽ nhất – và hoàn toàn miễn phí cho mọi đối tượng sử dụng.

Công cụ Google Analytics cho phép các bạn có một cái nhìn tổng quan về  người dùng truy cập vào Bloger. Nó có cho phép bạn đánh giá rất nhiều thứ quan trọng sau khi đã Cài đặt Blogspot thành công. Cũng như các bạn đã có nội dung./

Các bước thực hiện:

Nếu bạn chưa biết cách cài đặt Google Analytics vào blgspot thì hãy làm theo hướng dẫn sau đây:

Bước 1 : Tạo một tài khoản Google

Để tạo tài khoản Google, các bạn truy cập vào đây. Còn cách tạo tài khoản Google như thế nào thì mình sẽ không đề cập đến vì nó quá dễ rồi.

Nếu các bạn nào đã có tài khoản rồi thì bỏ qua Bước 1.

Bước 2 : Lấy Code từ Google Analytics

Truy cập vào Google Analytics với những bạn nào có tài khoản rồi thì thực hiện bước 2 nhé! Với giao diện mới thì nó sẽ không có như hình dưới, mà các bạn nhập email của mình nó sẽ đưa các bạn vào trong Google Analytics luôn


Tiếp theo, nhấn Đăng kí và nhập các thông tin về Blog / Website của bạn vào

Khi nhập xong, các bạn nhấn Nhận ID theo dõi và Chấp nhận điều khoản của Google

Sau đó, Google sẽ cung cấp cho bạn một đoạn mã để chèn Google Analytics vào Blogger



Bước 3 : Chèn Google Analytics vào Blogger


Để cài đặt Google Analytics cho Blogger, các bạn Đăng nhập vào Blogger -> Cài đặt -> Khác -> Google Analytics ->Chèn ID mà Google cung cấp cho bạn vào.
Lưu ý: Mỗi ID là một bloger/website 



Tiếp đó, các bạn vào Mẫu (Template) -> Chỉnh sửa HTML ->Chèn mã nhận được ở Bước 2 vào trước thẻ </body>


Với blog mình có mã đã tạo ở trên là:


<script>


(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){


(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),


m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)


})(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);


ga(‘create’, ‘UA-48734413-1’, ‘ngocgn90.blogspot.com’);


ga(‘send’, ‘pageview’);


</script>


Lưu Template lại.

Như vậy là đã xong. 
Chúc các bạn thành công!