Name: BLOG MEGA STORE - CHIA SẺ NIỀM ĐAM MÊ
Price range: $

Chèn code (js hoặc css) vào Header hoặc Footer của website WordPress là một việc mà hầu hết các nhà quản trị, lập trình website đều trải qua.Với việc chèn các đoạn code Google Analytics giúp theo dõi lượt truy cập website, đoạn mã Google Search Console giúp xác minh chủ sở hữu Website/Blog, Chèn mã Remarketing AdWords vào Website hay Facebook Pixel giúp tiếp thị lại tới những khách hàng đã truy cập trang web.

Sẽ không có gì để nói nếu theme của bạn hỗ trợ sẵn việc chèn các đoạn mã này, tuy nhiên theo đa phần các nền tảng phổ biến như Php, WordPress hay Blogspot mà mình biết đều không hỗ trợ việc chèn các đoạn code này. Trong bài này Mega Store sẽ hướng dẫn các bạn cách chèn các đoạn code một cách chính xác và an toàn nhất

Xem nhanh

1.Tại sao lại phải Chèn Code vào Header hoặc Footer mà không phải ở file, vị trí khác?

Các bạn thường thấy các đoạn mã thường yêu cầu chèn vào header hoặc footer cửa website hoặc trong thẻ <header>…</header> ( hay <body>…</body> ) trong blogspot. Nhưng mà có bao giờ các bạn tự hỏi là tại sao lại phải chèn Chèn Code vào Header hoặc Footer mà không chèn vào một file, vị trí khác ?
Đệ Nhất Độc xin lấy việc chèn mã theo dõi lượt truy cập website là Google Analytics làm ví dụ cho các bạn dễ hiểu nhé. Để Google Analytics có thể thống kê đầy đủ và chính xác thì đoạn code phải được gắn vào nơi mà bất cứ trang con trong website nào cũng phải load. Và có 2 chỗ mà trang con nào cũng phải load là Header và Footer, vì vậy chúng ta chèn đoạn code này hai vị trí Footer hoặc Header đều được
Tuy nhiên khi một người truy cập vào website, trang web sẽ được tải từ trên xuống dưới. Các đoạn code trong Header sẽ được tải đầu tiên và Footer được tải cuối cùng. Nếu mà thêm đoạn code Google Analytics vào Footer thì nhỡ trang web chưa kịp load hết ( dẫn tới Footer chưa kịp load hết ) mà người ta đã bỏ đi rồi, vậy thì các bạn sẽ không thống kế được lượt truy cập đó.Thế nên việc cài Google Analytics code vào header là hợp lí.

2.Chèn Code vào Header hoặc Footer của Website/Blog không sử dụng plugin

Để Chèn Code vào Header hoặc Footer vào các website thông thường thì các bạn tìm đến file header.php hoặc footer.php. Trong các file đó ta lần lượt chèn các đoạn code vào trước các thẻ đóng </header>, </footer>.Lúc đó ta sẽ các đoạn code sẽ giống như thế này <header> Chèn đoạn code mà bạn muốn vào đây </header> hoặc <footer>Chèn đoạn code mà bạn muốn vào đây </footer>. Tùy từng yêu cầu riêng của các đoạn code mà các bạn chèn vào header.php hay footer.php cho phù hợp nhé

Đối với blogspot thì ta không có các file header.php hoặc footer.php riêng biệt nên các bạn vào Mẫu > Chỉnh sửa Html sau đó chèn đoạn code vào trước các thẻ đóng </header>, </footer> hay thậm chí là </body>. Lúc đó ta sẽ các đoạn code sẽ giống như thế này <header>Chèn đoạn code mà bạn muốn vào đây </header> hoặc <footer>Chèn đoạn code mà bạn muốn vào đây </footer> hoặc <body>Chèn đoạn code mà bạn muốn vào đây </body>

Việc sử dụng plugin để Chèn Code vào Header hoặc Footer cho website giúp bạn tiết kiệm thời gian, an toàn cho website. Tuy nhiên việc lạm dụng nhiều plugin quá thì sẽ làm website trở lên nặng nề và chậm chạp hơn
Chúng ta sử dụng plugin Insert Headers and Footers để chèn các đoạn Code vào Header hoặc Footer của website/blog. Với hơn 200.000 lượt sử dụng và cài đặt, Plugin này được đánh giá rất cao nên bạn cứ yên tâm mà dùng nhé

Để cài đặt Plugin Insert Headers and Footersvào website thì các bạn lần lượt làm theo các bước sau nhé
– Bước 1 : Click vào link cuối bài viết để tải Plugin Insert Headers and Footers về máy tính
– Bước 2 : Đăng nhập WordPress, vào khu vực cài plugin -> Thêm mới
– Bước 3 : Sau khi vào Thêm mới chúng ta chọn file Plugin Insert Headers and Footers vừa tải về ( hoặc gõ vào khung tìm kiếm để cài đặt )
– Bước 4 : Tải Plugin lên và Kích hoạt
Như vậy chỉ với vài thao tác đơn giản các bạn đã có thể cài đặt Insert Headers and Footers vào trang web của mình rồi

Cài đặt Plugin Insert Headers and Footers

Để chèn code thì các bạn truy cập vào truy cập vào Settings > Insert Headers and Footers. Tại đây, các bạn sẽ nhìn thấy một giao diện như hình dưới

Giao diện tùy chỉnh Insert Headers and Footers
Trong đó
– Scripts in Header: hỗ trợ chèn code vào thẻ <head>
– Scripts in Footer: hỗ trợ chèn code vào trước thẻ </body>
Tùy vào mục đích và yêu cầu của từng loại code mà các bạn chèn vào phần nào cho hợp lý nhé.Sau khi chèn xong các bạn nhớ ấn nút Save để lưu cái thiết lập của mình nhé.

Việc chèn code vào Header và Footer chỉ có đơn giản như thế thôi.Nhưng đối với những người mới tiếp cận với website thì đây vẫn là một đề tài mà các bạn thắc mắc.Hi vọng với kiến thức trong bài này sẽ giúp giải đáp các thắc mắc đó.Chúc các bạn thành công

>> Xem thêm: Cách chèn code vào website WordPress thật đơn giản

#ChènCodevàoHeader #ChènCodevàoFooter #ChènCodevàoWebsite #ChènCodevàoBlog #ChènCodebằngPlugin #ChènCode