Thủ thuật Blogger( mẹo vặt code web ) tùy biến link nội bộ, thiết kế shop bán hàng, tiếp thị liên kết

Đối với người kinh doanh bán hàng & tiếp thị trực tuyến bằng công cụ thiết kế web, trong số các nền tảng hỗ trợ mở gian hàng online tiếp cận khách hàng trên web. CMS Blogspot được xem là công cụ thiết kế web giá rẻ, tiết kiệm chi phí đầu tư.

Việc quản lý cấu trúc link nội bộ blogspot không chỉ giúp ích cho việc hỗ trợ người làm marketing Online mà còn giúp điều hướng thuận tiện giúp khách hàng truy cập vào blog, di chuyển nhanh chóng đi đến nội dung mà họ quan tâm cũng như thuận tiện hơn cho việc giúp khách hàng chọn mua đúng mặt hàng, sản phẩm & dịch vụ mà họ đang cần.   

Hôm nay Gia Bảo chia sẻ Thủ thuật Blogger( mẹo vặt code web ) Lấy link blogspot, tùy chỉnh link một số template blogspot cụ thể.

Một trong kỹ thuật đi link độc đáo dành riêng cho Shop tiếp thị liên kết nổi bật đó chính là " chuyển đổi nút gọi điện thoại / mua hàng thành link tiếp thị liên kết "

Hiện nay kỹ thuật này khá phổ biến giúp cho người thiết kế trang blogspot dễ dàng tùy biến trang giới thiệu sản phẩm thành 2 dạng shop kinh doanh như sau :

Shop bán hàng truyền thống
Gian hàng tiếp thị liên kết

 Tham khảo : 

✨ bit.ly/Afforganicshop
✨ bit.ly/miniomart

Đặc biệt : Kỹ thuật hiển thị song song sản phẩm tự doanh và sản phẩm tiếp thị liên kết trên trang chủ, trang nhãn và sản phẩm liên quan. Giúp biến Shop của bạn thành gian hàng với đầy đủ các loại mặt hàng mà khách hàng cần nhờ bổ sung nhiều mặt hàng từ các shop khác được cung cấp trên nên tảng mạng lưới Affiliate marketing mà bạn tham gia.

Sau đây là tổng hợp một số thủ thuật mẹo vặt giúp bạn tùy biến link nội bộ, thiết kế shop bán hàng, tiếp thị liên kết 

Tùy chỉnh link template blogspot miễn phí phổ biến 

  1. Link nhãn 
  2. Link bài viết
  3. Link tùy chỉnh
Một số thẻ data lấy link :
  • data:blog.url: URL của trang hiện hành
  • data:blog.homepageUrl: trang chủ của blog
  • data:post.url: liên kết cố định của bài viết
  • data:post.labels.first.name : Tên Nhãn đầu tiên 
  • data:post.labels.last.name : Tên Nhãn cuối dùng  
  • đang tiếp tục cập nhật 
Mẹo vặt code tối ưu link trang nhãn :

<script type='text/javascript'>
//<![CDATA[
var tnreplace = function(labelreplace) {
    return labelreplace.replace(/([\/-])?ten-nhan-1/gi, function($0,$1){ return $1?$0:'Tên nhãn 1';});
    } 
    var mytitle = document.title ; 
    document.title = tnreplace(mytitle)
    var mybody=document.body.innerHTML;
    document.body.innerHTML= tnreplace(mybody);
//]]>
</script>

Tuỳ chỉnh link template blogspot PoCo Mart

Là giao diện blogspot bán hàng online được thiết kế đáp ứng cả 2 nhu cầu kinh doanh truyền thống & bán hàng theo mô hình tiếp thị liên kết. Blog được thiết kế với 2 dạng bài đăng cấu trúc riêng biệt đó là dạng 

  • Tin tức 
  • Sản phẩm

Do đó việc tuỳ chỉnh link trên blogspot sẽ giúp chủ blog tạo cấu trúc hoàn chỉnh phù hợp với nhu cầu triển khai nội dung marketing online, bán hàng trực tuyến

Sau đây là hướng dẫn cụ thể giúp bạn xử lý, chỉnh sửa & đặt lại link theo ý muốn.

A. Chỉnh sửa link trang chủ :

  • Liên kết trên trang chủ khá đơn giản bạn có thể tùy chỉnh dễ dàng trên trang quản trị bố cục blogger của bạn.
  • Ngoại trừ phần menu bạn cần chỉnh sửa chúng bằng cách chọn sửa Html nơi chứa toàn bộ code web

B. Chỉnh sửa link trang nhãn PoCo Mart :

  • Liên kết trên trang blogspot cũng khá đơn giản chỉ có phần link sidebar

C. Chỉnh sửa link trang bài viết & đăng sản phẩm :

C.1. Đăng bài dạng tin tức :

  • Cấu trúc nội dung phục vụ việc giới thiệu, cung cấp thông tin cho khách hàng, viết blog content marketing, review sản phẩm do đó trên trang đăng bài tin tức gồm 2 dạng link  
  1. Danh mục tin tức
  2. Bài viết liên wuan
  • Phần tuỳ chỉnh link trang tin tức 
Thêm nhãn dạng tin tức :

Tìm đoạn code sau :

<div class='blog-aside aside-item blog-aside-article'>
  <h2 class='title-block'><a href='/search/label/tin-tuc' title='Bài viết xem nhiều'>Bài viết xem nhiều</a></h2>
  <div class='aside-content-article aside-content margin-top-0'>
    <div class='blog-list blog-image-list loader' data-cate='tin-tuc'>
    </div>
  </div>
</div>                

Copy đoạn code này chèn xuống phía dưới 
Thay 'tin-tuc' bằng 'nhãn sản phẩm bạn muốn hiển thị dạng tin tức' 

C.2. Đăng bài dạng sản phẩm :

  • Đây là cấu trúc liên kết quan trọng nơi chia sẻ thông tin và chứa nhiều link điều hướng quan trọng bao gồm
  1. Link tin bài nổi bật
  2. Sản phẩm nổi bật 
  3. Slider sản phẩm mới

  • Hướng dẫn tùy chỉnh link trang sản phẩm 
Tạo danh sách link danh sách sản phẩm  tìm dòng code tương tự như sau :
  • <div class='products product_related list-product-view swiper-container loader' data-cate='tên nhãn'>
Thay thế 'tên nhãn' bằng tên nhãn sản phẩm mà bạn muốn hiển thị