Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn

Trong bài viết này .pep.vn sẽ giới thiệu đến các bạn cách để thêm đoạn mã (code) vào website của bạn để sử dụng các tính năng & công cụ hữu ích mà xTraffic cung cấp.

Bạn truy cập vào đây để lấy đoạn mã javascript của xTraffic (số 2 trên hình 1) và thêm  vào giữa 2 thẻ “<body> & </body>” trên website của bạn.
Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Javascript (Hình 1)

Lưu ý : Đây là đoạn mã javascript gốc của xTraffic để chạy các tính năng & công cụ mà xTraffic cung cấp, do đó bạn chỉ cần thêm đoạn mã này duy nhất 1 lần vào website của bạn. Nếu bạn đã hoàn thành việc thêm đoạn mã javascript này vào website của bạn thì hãy bỏ qua bài hướng dẫn này.

Cách thêm mã Javascript vào Blogger (Blogspot)

Blogger là một dịch vụ miễn phí & hữu ích của Google (xem chi tiết blogger là gì tại đây) dành cho những ai muốn tạo trang cá nhân hoặc giới thiệu sản phẩm mà không cần phải đầu tư nhiều về tiền bạc (chi phí thuê host) và công sức (bảo trì host). Nếu bạn chưa có tài khoản Blogger thì có thể xem cách đăng ký & sử dụng Blogger tại đây

Bạn vào trang quản lý các blog trên Blogger tại đây

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Trang quản lý các blog trên Blogger (Hình 1)

Trong trang quản lý các blog, bạn nhấn vào phần “Bố cục” (số 1 trên hình 1) hoặc “Mẫu” (số 2 trên hình 1) để vào trang tuỳ chỉnh của Blogger

Cách chèn mã Javascript vào Blogger theo kiểu thêm “Tiện ích (Gadget)”

Sau khi nhấn vào phần bố cục (số 1 trên hình 1), bạn sẽ vào trang quản lý bố cục, tại đây bạn sẽ quản lý các tiện ích (gadget) trên blog của bạn

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Trang quản lý bố cục (Gadget) của Blogger (Hình 2)

Bạn có thể thêm gadget vào bất kỳ vị trí nào bạn muốn bằng cách nhấn vào “Thêm Tiện ích” (số 1 hoặc số 2 trên hình 2) tuỳ theo vị trí bạn muốn thêm vào. Tuy nhiên, để blog của bạn chạy nhanh nhất, xTraffic khuyến cáo bạn nên thêm gadget vào vị trí phía cuối cùng của blog.

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Gadget HTML/Javascript Blogger (Hình 3)

Sau khi nhấn vào “Thêm Tiện ích“, một cửa sổ sẽ xuất hiện và hiển thị tất cả các tiện ích của Blogger cung cấp. Bạn tìm đến tiện ích có tên là “HTML/Javascript” (số 1 trên hình 3) và nhấn vào nút “+” (số 2 trên hình 3) để thêm gadget này vào blog của bạn.

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Thêm mã Javascript của xTraffic vào Gadget trên Blogger (Hình 4)

Bạn copy toàn bộ mã javascript của xTraffic (khung số 2 trên hình 1) vào khung nhập nội dung của gadget (số 1 trên hình 4). Cần lưu ý là bạn phải chỉnh chế độ soạn thảo nội dung là soạn thảo mã HTML (có chữ Rich Text như số 2 trên hình 4 là được), nếu không thì mã javascript sẽ không chạy được trên blog của bạn.

Chèn mã Javascript vào Blogger bằng cách chỉnh sửa HTML giao diện mẫu

Tiếp theo, xTraffic sẽ giới thiệu đến với các bạn cách thêm mã Javascript của xTraffic vào blog của bạn trên Blogger bằng cách thêm vào mã HTML của blog.

Đầu tiên bạn nhấn vào “Mẫu” (số 2 trên hình 1) trong trang quản lý blog của bạn để vào phần thay đổi giao diện của blog.

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Chỉnh sửa HTML trên Blogger (Hình 6)

Trong trang quản lý giao diện của blog (hình 6), bạn nhấn vào nút “Chỉnh sửa HTML” (số 2 trên hình 6) để vào phần chỉnh sửa mã nguồn HTML của blog

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Thêm mã javascript của xTraffic vào mã nguồn HTML của blog trên Blogger (Hình 7)

Trong trang chỉnh sửa mã nguồn của blog (hình 7), bạn nhấn “Ctrl + F” để hiện ra mục tìm kiếm rồi nhập “</body>” (số 1 trên hình 7) để tìm nhanh thẻ “</body>“.

Sau đó bạn copy & paste toàn bộ mã javascript của xTraffic (trong khung số 2 hình 1) vào ngay phía trước thẻ “</body>” (số 2 trên hình 7), sau đó bạn nhấn nút “Lưu mẫu” để hoàn tất việc chèn mã javascript.

Tuy xTraffic giới thiệu đến với các bạn 2 cách thêm mã javascript vào blog, nhưng theo kinh nghiệm sử dụng Blogger của chúng tôi thì “Cách chèn mã Javascript vào Blogger theo kiểu thêm Tiện ích (Gadget)” là cách tối ưu nhất do tính ổn định và dễ quản lý.

Cách thêm mã Javascript vào blog Tumblr

Tumblr.com là một dạng tiểu blog (micro-blog) giúp bạn kết nối và chia sẻ nhanh với mọi người. Hiện nay Tumblr là một dịch vụ đầy tiềm năng khi được Yahoo mua lại vào năm 2013, bạn có thể đăng ký và sử dụng dịch vụ blog Tumblr miễn phí tại đây.

Sau khi đăng ký và kích hoạt thành công tài khoản tại Tumblr, bạn truy cập vào đường dẫn có dạng “http://www.tumblr.com/customize/xtraffic-pep-vn” (bạn thay “xtraffic-pep-vn” bằng địa chỉ blog tương ứng của bạn, trong ví dụ này thì địa chỉ blog tương ứng là “http://xtraffic-pep-vn.tumblr.com/“).

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Edit HTML blog Tumblr (Hình 8)

Bạn nhấn vào “Edit HTML” (số 1 trên hình 8) để vào trang chỉnh sửa mã nguồn HTML của blog Tumblr.

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Thêm mã javascript của xTraffic vào blog Tumblr (Hình 9)

Trong trang chỉnh sửa mã nguồn của blog Tumblr (hình 9), bạn nhấn “Ctrl + F” để hiện ra mục tìm kiếm rồi nhập “</body>” (số 1 trên hình 9) để tìm nhanh thẻ “</body>“.

Sau đó bạn copy & paste toàn bộ mã javascript của xTraffic (trong khung số 2 hình 1) vào ngay phía trước thẻ “</body>” (số 2 trên hình 9), sau đó bạn nhấn nút “Update Preview” (số 4 trên hình 9) rồi nhấn vào nút “Save” sau khi nó xuất hiện để hoàn tất việc chèn mã javascript của xTraffic.

Cách thêm mã Javascript vào website sử dụng nền tảng WordPress.org

WordPress là một nền tảng blog miễn phí và phổ biến nhất hiện nay. Việc sử dụng và cài đặt wordpress rất dễ dàng và trực quan, đó cũng là một nguyên nhân chính làm cho nền tảng này trở nên phổ biến nhất trên Internet. Bạn có thể vào trang http://wordpress.org/ để tìm hiểu & tải về miễn phí nền tảng này.

Mong các bạn đừng nhầm lẫn giữa WordPress.com & WordPress.org mặc dù cả 2 đều sử dụng cùng một nền tảng. WordPress.com là một dịch vụ blog miễn phí sử dụng mã nguồn cơ bản của WordPress.org; điểm khác nhau cơ bản là WordPress.com cung cấp cho bạn không gian lưu trữ trên máy chủ của họ (giống Blogger của Google) và mọi dữ liệu của bạn đều được lưu trữ và xử lý trên máy chủ của WordPress.com, còn WordPress.org cung cấp cho bạn mã nguồn miễn phí giúp bạn cài đặt và chạy trên máy chủ của chính bạn.

Do WordPress.com không hỗ trợ việc chèn mã Javascript trên blog, nên trong bài viết này xTraffic chỉ đề cập đến cách chèn mã javascript của xTraffic lên blog của bạn sử dụng mã nguồn từ WordPress.org

Đầu tiên, bạn vào trang quản trị blog của bạn (có dạng “dia-chi-blog-cua-ban.com/wp-admin/“)

Hướng dẫn cách thêm mã Javascript của xTraffic.pep.vn vào website của bạn - Javascript publisher website xtraffic - Hướng dẫn xTraffic

Thêm mã javascript của xTraffic vào blog WordPress (Hình 10)

Tại trang quản trị blog của bạn, bạn nhấn vào thẻ “Appearance” (số 1 trên hình 10), rồi nhấn vào “Widgets” (số 2 trên hình 10)

Tại trang thiết lập các widget, bạn tìm widget có tên là “Text” (số 3 trên hình 10) và kéo vào bất kỳ vùng nào trên blog (nằm ở cột bên phải trên hình 10). Sau đó bạn copy & paste toàn bộ mã javascript của xTraffic (trong khung số 2 hình 1) vào trong khung nhập nội dung của widget “Text” (khung số 4 trên hình 10) rồi nhấn nút “Save” để hoàn tất việc thêm mã javascript vào website của bạn.

Cách thêm mã Javascript vào website khác

Ngoài những nền tảng website phổ biến mà xTraffic đã đề cập bên trên, bạn có thể thêm mã javascript của xTraffic vào bất kỳ website nào nếu bạn có kiến thức về HTML & Javascript. Bạn có thể sử dụng trình soạn thảo Notepad++ để thêm mã javascript (trong khung số 2 hình 1) vào ngay phía trước thẻ “</body>” của website.

Nếu bạn gặp bất kỳ rắc rối nào trong việc thực hiện chèn mã Javascript của xTraffic vào website của bạn thì có thể comment bên dưới hoặc liên hệ với chúng tôi tại đây để chúng tôi rất vui lòng được hỗ trợ các bạn.

xTraffic trân trọng cám ơn và kính chúc các bạn nhiều sức khoẻ !