Cách chèn quảng cáo vào giữa bài viết trong WordPress

Chèn quảng cáo vào giữa bài viết trong WordPress

Chèn quảng cáo vào giữa bài viết trong WordPress

Trong bài này, Hocban.vn chia sẻ đến các bạn Cách chèn quảng cáo vào giữa bài viết trong wordpress. Quảng cáo ở đây có thể là banner tùy chỉnh hoặc quảng cáo Adsense nhé các bạn.

Cách chèn quảng cáo vào giữa bài viết trong wordpress

Bước 1: Mở file functions.php trong theme bạn đang sử dụng lên và dán đoạn code bên dưới vào cuối file như hình.

Vị trí chèn code trong file function

Vị trí chèn code trong file function

Đây là đoạn code mà các bạn cần copy hết để dán vào vị trí đã chỉ ở trên:

//CHEN QUANG CAO VAO GIUA BAI VIET  - P1
 
add_filter( 'the_content', 'prefix_insert_post_ads' );
 
function prefix_insert_post_ads( $content ) {
 
    $ad_code = '<div>  CHÈN CODE QUẢNG CÁO CỦA BẠN VÀO ĐÂY </div>';
 
    if ( is_single() && ! is_admin() ) {
        return prefix_insert_after_paragraph( $ad_code, 4, $content );
    }
 
    return $content;
}
 
//CHEN QUANG CAO VAO GIUA BAI VIET - P2
 
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
    $closing_p = '</p>';
    $paragraphs = explode( $closing_p, $content );
    foreach ($paragraphs as $index => $paragraph) {
 
        if ( trim( $paragraph ) ) {
            $paragraphs[$index] .= $closing_p;
        }
 
        if ( $paragraph_id == $index + 1 ) {
            $paragraphs[$index] .= $insertion;
        }
    }
 
    return implode( '', $paragraphs );
}

Bước 2: Xong phần dán rồi, bây giờ các bạn tiến hành sửa lại cho phù hợp với yêu cầu của bạn:

  • Tại chỗ “CHÈN CODE QUẢNG CÁO CỦA BẠN VÀO ĐÂY” các bạn xóa cái dòng đó đi hoặc dán đè lên đó đoạn quảng cáo mà các bạn muốn, ví dụ như quảng cáo Adsense hoặc là một đoạn HTML, banner,…vv..
  • Tại đoạn “$ad_code, 4, $content“, các bạn có thể sửa lại số 4 thành số khác nếu muốn. Số 4 này có nghĩa là quảng cáo sẽ hiển thị ở đoạn thứ 4 của bài viết, bạn muốn nó hiển thị ở đoạn nào thì đổi nó đi, mình nghĩ là tầm từ 4 đến 7 thì được.

Đấy, thì thủ thuật này cũng khá đơn giản đúng không nào, cái này nó chủ yếu khó ở việc các bạn xác định vị trí cần dán thôi. Nhiều anh em dán sai vị trí dẫn đến lỗi web, do đó bạn nào không rành thì copy cái file mà dự định sửa ra ngoài trước, để nếu có làm sai thì cóp dán lại là nó không sao.

Thủ thuật này được tham khảo từ bác Lê Văn Toản (levantoan.com), anh em nào có gì thắc mắc hoặc góp ý thì cứ để lại bình luận bên dưới nhé !

Bài viết có vẻ liên quan

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

avatar
15 Comment threads
17 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
15 Comment authors
Hocban.vnLê HiếuGdragonVNthoạiHậu Recent comment authors
Lê Hiếu <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">6</span><span style="color: #e91e63;">) </span>
Guest

Bài viết này khá hay. Tịnh Nguyễn cho xin phép tham khảo bài viết về chìa sẻ được không ạ

GdragonVN <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #e91e63;">) </span>
Guest
GdragonVN (2)

Hay quá. K phải cài thêm Plugin, đỡ nặng hơn bao nhiêu

thoại <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">7</span><span style="color: #e91e63;">) </span>
Guest

Thank ad. Trước giờ mình xài plugin mà thấy nặng quá

Hậu <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">30</span><span style="color: #e91e63;">) </span>
Guest

Code hay. Cảm ơn bạn. Vậy là bài nào qc cũng hiện phải ko bạn?

Support <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">4</span><span style="color: #e91e63;">) </span>
Guest

Cái này chắc tùy theme phải không bác tịnh hay theme nào cũng thế?

Học luật <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">44</span><span style="color: #e91e63;">) </span>
Guest

Dùng plugin Post Adverts cũng hay lắm các bác ạ, dễ dàng chèn quảng cáo vào bất cứ chỗ nào trong bài viết

KeniVinh <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">9</span><span style="color: #e91e63;">) </span>
Guest

Dùng plugin vẫn là tiện lợi nhất, mấy cái code này nhìn mệt người.

Bảo <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Guest

Em thường dùng luôn plugin cho tiện.
Giữa xài plugin với chèn code thuần như này thì cái nào nặng site hơn a nhỉ.

Tùng <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">26</span><span style="color: #e91e63;">) </span>
Guest

site anh chắc kiếm được nhiều lắm đúng không ạ, lượt truy cập nhiều quá

Tùng <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">26</span><span style="color: #e91e63;">) </span>
Guest

anh có thể chia sẻ doanh thu adsense không ạ để em có thêm động lực ạ!

Tùng <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">26</span><span style="color: #e91e63;">) </span>
Guest

vâng cảm ơn anh ạ, tầm 300$/ tháng là ước mơ của em ^^

Bùi Thọ <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Guest
Bùi Thọ (1)

Ad ơi cho mình hỏi chút, mình có chèn quảng cáo vào site, nhưng trên máy tính thì hiện banner, nhưng trên mobile nó lai không hiển thị bannner, thế là bị sao ad nhỉ và cách chỉnh sửa thế nào ạ?

Việt <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">19</span><span style="color: #e91e63;">) </span>
Guest

Mình có site về công nghệ thì có nguồn nào chèn quảng cáo tốt nhất a

Học Luật <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">44</span><span style="color: #e91e63;">) </span>
Guest

Mấy bữa nay GA bị sao á, nó làm website load mãi. Hocban.vn cũng bị vậy luôn!

Tín Châu <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">26</span><span style="color: #e91e63;">) </span>
Guest

Cứ chèn quảng cáo tự động thôi, 1 code vào head là êm. Nhiều quá khó quản lý :))
Click cho 1 phát giúp cafe cho Tịnh Nguyễn.
Ps. À chèn cái quảng cáo textlink dưới tiêu đề và cuối bài. Quảng cáo đó nhiều tiền hơn banner

TTB <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>
Guest

Tịnh Nguyễn đã đưa tôi đến đây :V

Đạt Nguyễn <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">159</span><span style="color: #e91e63;">) </span>
Member

Dạo này thấy web bác chèn quảng cáo loạn quá, rối mắt, chọn vài vị trí mặt tiền đặt thôi bác, quan trọng là chuyển đổi từ lượt xem – click – thành tiền