Hướng dẫn chèn đoạn mã script vào phần nội dung bài viết trong Joomla 3

Bạn muốn thêm một đoạn mã chứa trong thẻ <script> vào phần bài viết nhưng không thành công. Bài viết này sẽ giúp bạn chỉ ra nguyên nhân và cách khắc phục.

 

Để mô tả chi tiết, mình sẽ đưa ra một ví dụ:

Mình có một đoạn mã Google Adsense cần chèn vào phần bài viết trong Joomla 3. Đoạn mã Google Adsense như sau:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Ad top -->

<ins class="adsbygoogle"

     style="display:inline-block;width:728px;height:90px"

     data-ad-client="ca-pub-xxx"

     data-ad-slot="85600xxxxx"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

Bước 1: Để chèn đoạn mã này vào phần nội dung, bạn cần cho đoạn mã này vào trong cặp thẻ <div></div>. Đoạn mã mới sẽ có dạng như sau:

<div>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Ad top -->

<ins class="adsbygoogle"

     data-ad-client="ca-pub-xxx"

     data-ad-slot="85600xxxxx"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

Bước 2: Trong chế độ chỉnh sửa/ thêm mới bài viết, ở phần soạn thảo nội dung bài viết, bạn chọn công cụ Tools, chọn Source Code và dán (Paste) đoạn mã Google Adsense ở Bước 1 vào cửa sổ Source Code.

Nhấn OK để đóng cửa sổ Source Code.

Bước 4: Bạn cần mở lại đoạn mã bạn đã thêm vào trong cửa sổ Source Code xem đoạn mã của bạn có bị thay đổi không.

  • Nếu không, bạn đã chèn thành công đoạn mã <script> vào phần nội dung bài viết. 
  • Nếu đoan mã bị thay đổi, cặp thẻ <script> đã biến mất. Cụ thể trong trường hợp này, đoạn mã của mình đã bị biến đổi thành:

<div><!-- Ad top --> <ins class="adsbygoogle" style="display: inline-block; width: 728px; height: 90px;" data-ad-client="ca-pub-xxx" data-ad-slot="85600xxxxx"></ins></div>

Nguyên nhân

  • Trong trình soạn thảo bài viết (Editor), bạn đang sử dụng plugin Editor-TinyMCE để soạn bài, và chính plugin Editor-TinyMCE được cài đặt tự động gỡ bỏ các thẻ <script/> và đoạn mã script của bạn không thể thực thi. Đó là lý do bạn không thể chèn đoạn mã script vào bài viết.
  • Bạn cần tắt tính năng gỡ bỏ <script/> tự động trong trình soạn thảo bài viết.

Cách khắc phục

  • Bạn chọn Extension > Nhấn Plugin Manager > Gõ "editor-tinymce" , sau đó nhấn Search để bắt đầu tìm kiếm Plugin Editor-TinyMCE > Nhấn đúp chuột vào Editor-TinyMCE. Tai mục Prohibited Elements ( các thành phần bị cấm) , xóa bỏ chữ "script" > Chọn Save để lưu lại.

Vậy, để chèn đoạn mã <script /> vào phần nôi dung bài viết, bạn cần:

1. Thêm cặp thẻ <div /> chứa đoạn mã <script />:

<div>

           <script>

              .........

            </script>

</div>

2. Xóa bỏ chữ "script" trong mục Prohibited Elements.

Hy vọng nội dung này sẽ giúp bạn khắc phục được vấn đề của mình. Cảm ơn các bạn đã theo dõi!

 

 

Save

PS: Nếu bạn nào muốn thưởng thức các loại hải sản tươi ngon hết ý cùng giá cả phải chăng, được đánh bắt từ vùng biển Cô Tô, Quan Lạn, Vân Đồn - Quảng Ninh, vui lòng liên hệ với mình nhé. Cảm ơn các bạn đã ủng hộ!

 

                                                HẢI SẢN VÂN ĐỒN 399

                             Chuyên bán buôn, bán lẻ hải sản tươi sống, hải sản khô, hải sản 1 nắng

                                   (Ốc móng tay Cô Tô, Sá sùng Quan Lạn, Mực tươi Cô Tô,...)

                         - Cơ sở 1: Số nhà 399, Lý Anh Tông, Thị trấn Cái Rồng, Vân Đồn, Quảng Ninh
                         - Cơ sở 2: Ngõ 184, Hoàng Quốc Việt, Cầu Giấy, Hà Nội
                         - ĐT: 0985.286.522
                         - Website: http://vandon.com.vn/haisan
                         - Email: [email protected]

                  
                  

 


TÌM KIẾM

Hải sản Vân Đồn