Top 8 # Cách Tạo Nút Share Facebook Xem Nhiều Nhất, Mới Nhất 6/2023 # Top Trend

Đây là cách siêu nhẹ giúp bạn tạo Facebook Mesenger Live Chat, nút Share, nút mạng xã hội, POP up, Header Bar, Notification Box, Contact Form, Sticker … Và hoàn toàn FREE.

Trước đây mình muốn tạo nút share đã từng sử dụng qua rất nhiều plugin khác nhau như Anthony, Share This , Add This … Nhưng đặc điểm chung của chúng là nút xấu và làm chậm website nên mình đã xóa đi ngay sau khi cài xong. Hôm vừa rồi mình có cài facebook chat vào website bằng cách tích hợp trực tiếp mã nhúng của facebook messenger vào website nhưng mình cần cái nút facebook chat trên website đổi màu từ màu xanh mặc định sang màu khác thì mã nhúng này không làm được.

Mình có tìm được một plugin mới rất nhẹ từ chúng tôi nó có thể giúp bạn tạo facebook chat, nút share, nút mạng xã hội, POP up, Header Bar, Notification Box, Contact Form, Sticker … Và đặc biệt là hoàn toàn FREE.

Để sử dụng. Các bạn có thể tải về plugin Facebook Messenger Live Chat

Sau khi tải về các bạn chỉ cần kích hoạt là xong. Plugin này cài vào chỉ là để giúp trang web kết nối đến trang chủ platfom chúng tôi . Các cài đặt chức năng hiển thị các bạn sẽ làm trên website chúng tôi . Và nó sẽ hiển thị trên trang web của bạn.

1 – Các option của Zotabox bao gồm Facebook chat, nút share, nút mạng xã hội, POP up, Header Bar, Notification Box, Contact Form, Sticker . Các bạn cần dùng cái nào thì vào các mục này cài đặt để nó hiện ra trên trang web của mình. Hiện tại là mình đang cài đặt Facebook chat.

2 – Khung cài đặt của facebook chat. Ở đây có các cài đặt hiển thị cho bạn chọn bao gồm hình dáng của nút, chữ viết trên nút và màu sắc của nút. Các bạn cũng có thể chọn ngôn ngữ tiếng việt để hiển thị các thông báo facebook chat cho độc giả bằng tiếng việt.

3 – Link fanpage của bạn. Bạn muốn khách hàng chat với bạn qua link fanpage nào?

4 – Demo nút : đây là vị trí hiển thị demo nút của bạn trên trang theo như những cài đặt của bạn ở mục 2. bạn chỉnh như nào nó sẽ thay đổi cho nhìn thấy luôn. Chỉ cần chọn kiểu mà bạn ưng ý nhất thôi.

Sau khi hiệu chỉnh nút ưng ý. Các bạn bật On và Save lại là xong.

Tạo Notification Box bằng Facebook Messenger Live Chat

Đây là một thông báo nhỏ ở góc website. Các bạn có thể dùng để tạo chú ý cho tất cả khách hàng truy cập đến một bài viết nào đó (bài viết mới, quà tặng …) Như website của mình.

Khi các bạn chỉnh sửa nút Notification Box nó cũng có demo cho bạn nhìn luôn. Ưng ý thì Save vào và bật ON nút lên thôi.

Zotabox Cũng cho cài đặt nút Share chạy dọc trang web. Các bạn chỉ cần vào mục Social Buttons và cài đặt như hình

Danh sách các chức năng của Facebook Messenger Live Chat

Facebook Live Chat

Contact Form

Back To Top Buttons

EU Cookie Bar

Email Capture Popup

Email Capture Bar

Slide Box Pro

Ngày: 04-04-2020 bởi: Tùng Bùi Xem: 3122 lượt

Cách tạo nút share facebook cho website

Để thực hiện chèn nút chia sẻ nút like hay fanpage của facebook thì bạn có thể thực hiện theo các bước như sau:

Bước 1:

Việc đầu tiên bạn cần làm là phải đăng nhập vào tài khoản facebook quản lý fanpage của mình, nếu bạn chưa có thì nên đăng kí một tài khoản để tích hợp fanpage. Nhập tên tài khoản, mật khẩu và bắt đầu đăng nhập.

Bước 2:

Bạn truy cập vào đường dẫn : https://developers.facebook.com/docs/plugins/share-button để tạo nút Share.

Ngoài ra nếu bạn muốn tạo nút Like thì có thể vào link : https://developers.facebook.com/docs/plugins/like-button để tạo thêm nút like

Bước 3:

Để thêm nút Like thì bạn cũng thao tác tương tự như trên.

Bước 4:

Sau khi chọn nút GET CODE(Lấy mã) thì sẽ hiển thị ra một Pop Up. Tại giao diện này bạn có thể chỉnh lại ngôn ngữ cho nút Share hoặc nút Like của mình.

Ở đây có 2 trường hợp xảy ra, nếu website của bạn là mã nguồn wordpress thì có thể chèn trực tiếp vào website, cách chèn thì mình nghĩ ai cũng biết rồi.

Trường hợp website là mã nguồn khác được quản lý từ đơn vị khác thì bạn có thể lưu lại mã code và đưa qua bên đội code để tích hợp vào website.

Hướng dẫn cách tích hợp nút chia sẻ facebook cho website wordpress

Cách làm này chỉ áp dụng cho website mã nguồn wordpress. Việc đầu tiên cần làm là truy cập trang chủ của plugin simple share buttons adder , tải về và cài đặt nó vào website của bạn. Vì nó là plugin “miễn phí” nên bạn sẽ không cần chi tiền cho các phiên bản khác.

Cấu hình plugin Simple Share Buttons Adder

Sau khi đã tải và cài đặt xong thì bước tiếp theo của chúng ta là thiết lập cấu hình của nó.

Chèn nút share facebook bằng plugin

Bước 2: Chọn nơi hiển thị của nút chia sẻ, “On” là mở và “Off” là tắt, bạn chọn vị trí tùy chỉnh ở các mục homepage, post, page, category, excerpts hoặc categories/archives nếu muốn nó hiện thị tại khu vực tương tự.

Bước 3 : Chọn khung hình hiển thị, ở mục “Placement” bạn có thể chọn left, before, both để cài đặt vị trí hiển thị trên dưới trái hay phải của bài viết.

Ngoài ra có một số tùy chọn khác như:

Mục “Share Text” để chỉnh sửa văn bản hiện thị phía trước các nút biểu tượng.

Mục “Networks” để vào những trang mạng xã hội nổi tiếng hiện nay.

Sau thao tác tùy chỉnh xuong xuôi thì bạn nhấn vào biểu tượng màu xanh ở bên phải màn hình để lưu lại.

Đây là những hướng dẫn setting cơ bản, bạn có thể tìm hiểu và tùy chỉnh cho những nút chia sẻ hay nút like được đẹp hơn nhờ những tiện ích như

Counters – Cài đặt hiển thị đếm số lượng bài viết đã được share bao nhiêu lần.

Styleing – Nơi bạn có thể tùy chỉnh độ rộng độ cao của nút cũng như CSS mặc định.

Advanced – Ở tab này bạn sẽ tìm thấy một số tùy chọn chức nâng caokhác.

CSS – Tùy chỉnh code CSS riêng bên trong.

Đó là tất cả những gì mà plugin “simple share buttons adder” có, sau khi đã setting xong bạn lưu lại tất cả những thao tác và quay ra trang chủ để tận hưởng kết quả.

Bài viết tương tự của Cách tạo nút share facebook cho website và tích hợp fanpage

HDSD:

Bước 1

 : Dùng extension 

Bước 2

 : Sau đó chung ta truy cập vào m.facebook.com

Bước 3

 : F12 và chuyển qua tab console

Bước 4

 : Dán code vào ngay dòng đó

function

loadCreatePage

(

)

{

    

console

.

log

(

‘Lấy thông tin tạo page…’

)

;

    

var

i

=

Math

.

floor

(

(

Math

.

random

(

)

*

100000

)

+

1

)

;

    

var

wordlist1

=

[

“Nguyễn”

,

“Lê”

,

“Trần”

,

“Phạm”

,

“Huỳnh”

,

“Phan”

,

“Vũ”

,

“Võ”

,

“Đặng”

,

“Bùi”

,

“Đỗ”

,

“Ngô”

,

“Dương”

,

“Lý”

]

;

    

var

wordlist2

=

[

“Diệu Ái”

,

“Khả Ái”

,

“Ngọc Ái”

,

“Hoài An”

,

“Huệ An”

,

“Minh An”

,

“Phương An”

,

“Thanh An”

,

“Huệ Ân”

,

“Bảo Anh”

,

“Diệp Anh”

,

“Hải Anh”

,

“Hồng Anh”

,

“Huyền Anh”

,

“Kiều Anh”

,

“Kim Anh”

,

“Lan Anh”

,

“Mai Anh”

,

“Minh Anh”

,

“Mỹ Anh”

,

“Ngọc Anh”

,

“Nguyệt Anh”

,

“Như Anh”

,

“Phương Anh”

,

“Quế Anh”

,

“Quỳnh Anh”

,

“Thúy Anh”

,

“Thùy Anh”

,

“Trâm Anh”

,

“Trang Anh”

,

“Tú Anh”

,

“Tuyết Anh”

,

“Vân Anh”

,

“Yến Anh”

,

“Kim Ánh”

,

“Ngọc Ánh”

,

“Nguyệt Ánh”

]

;

    

var

randomNumber1

=

parseInt

(

Math

.

random

(

)

*

wordlist1

.

length

)

;

    

var

randomNumber2

=

parseInt

(

Math

.

random

(

)

*

wordlist2

.

length

)

;

    

var

page_name

=

wordlist1

[

randomNumber1

]

+

” “

+

wordlist2

[

randomNumber2

]

;

    

var

xhttp

=

new

XMLHttpRequest

(

)

;

    

xhttp

.

onreadystatechange

=

function

(

)

{

        

if

(

xhttp

.

status

==

200

&&

xhttp

.

readyState

==

4

)

{

            

var

data

=

xhttp

.

responseText

;

            

var

getValue

=

data

.

match

(

/

name

=

“fb_dtsg”

value

=

“(.+?)”

autocomplete

=

“off”

/

g

)

;

            

var

fb_dtsg

=

getValue

[

0

]

.

replace

(

‘name=”fb_dtsg” value=”‘

,

”

)

;

            

fb_dtsg

=

fb_dtsg

.

replace

(

‘” autocomplete=”off”‘

,

”

)

;

            

var

charset_test

=

‘€,´,€,´,?,?,?’

;

            

var

super_category

=

1016

;

            

var

category

=

2700

;

            

if

(

fb_dtsg

==

null

)

{

                

console

.

log

(

‘Tr?ng fb_dtsg’

)

;

            

}

else

{

                

console

.

log

(

‘Đang tạo’

)

;

                

submitCreatePage

(

fb_dtsg

,

charset_test

,

super_category

,

category

,

i

)

;

            

}

        

}

    

}

;

    

xhttp

.

open

(

“GET”

,

‘https://m.facebook.com/pages/create/?page_name=’

+

page_name

+

‘ ‘

+

i

+

‘&category=0&super_category=1016’

,

true

)

;

    

xhttp

.

send

(

)

;

}

function

submitCreatePage

(

fb_dtsg

,

charset_test

,

super_category

,

category

)

{

    

var

i

=

Math

.

floor

(

(

Math

.

random

(

)

*

100000

)

+

1

)

;

    

var

wordlist1

=

[

“Nguyễn”

,

“Lê”

,

“Trần”

,

“Phạm”

,

“Huỳnh”

,

“Phan”

,

“Vũ”

,

“Võ”

,

“Đặng”

,

“Bùi”

,

“Đỗ”

,

“Ngô”

,

“Dương”

,

“Lý”

]

;

    

var

wordlist2

=

[

“Diệu Ái”

,

“Khả Ái”

,

“Ngọc Ái”

,

“Hoài An”

,

“Huệ An”

,

“Minh An”

,

“Phương An”

,

“Thanh An”

,

“Huệ Ân”

,

“Bảo Anh”

,

“Diệp Anh”

,

“Hải Anh”

,

“Hồng Anh”

,

“Huyền Anh”

,

“Kiều Anh”

,

“Kim Anh”

,

“Lan Anh”

,

“Mai Anh”

,

“Minh Anh”

,

“Mỹ Anh”

,

“Ngọc Anh”

,

“Nguyệt Anh”

,

“Như Anh”

,

“Phương Anh”

,

“Quế Anh”

,

“Quỳnh Anh”

,

“Thúy Anh”

,

“Thùy Anh”

,

“Trâm Anh”

,

“Trang Anh”

,

“Tú Anh”

,

“Tuyết Anh”

,

“Vân Anh”

,

“Yến Anh”

,

“Kim Ánh”

,

“Ngọc Ánh”

,

“Nguyệt Ánh”

]

;

    

var

randomNumber1

=

parseInt

(

Math

.

random

(

)

*

wordlist1

.

length

)

;

    

var

randomNumber2

=

parseInt

(

Math

.

random

(

)

*

wordlist2

.

length

)

;

    

var

page_name

=

wordlist1

[

randomNumber1

]

+

” “

+

wordlist2

[

randomNumber2

]

;

    

console

.

log

(

page_name

)

;

    

var

xhttp

=

new

XMLHttpRequest

(

)

;

    

xhttp

.

onreadystatechange

=

function

(

)

{

        

if

(

xhttp

.

status

==

200

&&

xhttp

.

readyState

==

4

)

{

            

console

.

log

(

‘Skip step info page…’

)

;

            

var

url

=

xhttp

.

responseURL

;

            

skipStepSubmitInfoPage

(

url

)

;

        

}

    

}

;

    

xhttp

.

open

(

“POST”

,

‘https://m.facebook.com/pages/create/add/’

,

true

)

;

    

xhttp

.

setRequestHeader

(

“Content-type”

,

“application/x-www-form-urlencoded”

)

;

    

xhttp

.

send

(

“fb_dtsg=”

+

fb_dtsg

+

“&charset_test=”

+

charset_test

+

“&page_name=”

+

page_name

+

” “

+

i

+

“&super_category=”

+

super_category

+

“&category=”

+

category

)

;

}

function

skipStepSubmitInfoPage

(

url

)

{

    

var

xhttp

=

new

XMLHttpRequest

(

)

;

    

xhttp

.

onreadystatechange

=

function

(

)

{

        

if

(

xhttp

.

status

==

200

&&

xhttp

.

readyState

==

4

)

{

            

skipStepSubmitInfoPage2

(

url

+

‘&step=username&skip=true’

)

;

        

}

    

}

;

    

xhttp

.

open

(

“GET”

,

url

+

‘&step=about&skip=true’

,

true

)

;

    

xhttp

.

send

(

)

;

}

function

skipStepSubmitInfoPage2

(

url

)

{

    

var

xhttp

=

new

XMLHttpRequest

(

)

;

    

xhttp

.

onreadystatechange

=

function

(

)

{

        

if

(

xhttp

.

status

==

200

&&

xhttp

.

readyState

==

4

)

{

            

countDown

(

)

;

        

}

    

}

;

    

xhttp

.

open

(

“GET”

,

url

,

true

)

;

    

xhttp

.

send

(

)

;

}

function

countDown

(

)

{

    

console

.

log

(

‘reload script…’

)

;

    

var

a

=

222

;

    

var

ITV

=

setInterval

(

function

(

)

{

        

console

.

log

(

‘~ ‘

+

a

+

‘giây’

)

;

        

a

—

;

        

if

(

a

===

0

)

{

            

clearInterval

(

ITV

)

;

            

loadCreatePage

(

)

;

        

}

    

}

,

1000

)

;

}

loadCreatePage

(

)

;

Nếu bạn là một doanh nghiệp muốn tiếp thị sản phẩm trên fanpage thì bây giờ facebook đã có thêm công cụ giúp bạn bán hàng ngay trên facebook rồi đấy. Đó chính là tab “”. Bằng cách thêm tab ” Cửa hàng” vào trang, bạn có thể hiển thị sản phẩm và tiếp cận cộng đồng khách hàng toàn cầu. Cũng trong bài viết mình cũng giới thiệu luôn nút ” Kêu gọi hành động” hay ” Call to action“.

1. Tab “Cửa hàng” hay “Shop”

Cách làm cũng chẳng có gì khó khăn, chỉ cần chọn là ” Doanh nghiệp địa phương“, facebook sẽ tự hướng dẫn bạn cách thêm tab này vào fanpage.

Làm theo hướng dẫn và tận hưởng thành quả:

Link của tab shop trên fanpage sẽ là: ” https://www.facebook.com/tên fanpage/shop“ VD: https://www.facebook.com/hoctienganhgiaotiepcanban/shop

Và đây là giao diện trên fanpage khi có thêm tab ” Cửa hàng“

2. Nút “Kêu gọi hành động” hay “Call to action”

Ngoài ra, Facebook fanpage cũng cung cấp nút ” Kêu gọi hành động“

Cách tạo hay chỉnh sửa cũng giống nhau tại một vị trí thôi

Chỉ cần sửa những vị trí được đánh mũi tên đỏ và vòng đỏ là xong. Làm xong nhớ ” Lưu lại thay đổi” đấy. Có các nút kêu gọi hành động hay call to action sau: Đặt ngay, Liên hệ với chúng tôi, Gửi tin nhắn, Sử dụng ứng dụng, Chơi trò chơi, Mua ngay, Đăng ký, Xem video. Hãy chọn từ phù hợp với đối tượng khách hàng mà fanpage muốn hướng đến nha.

Vậy là bạn đã có thêm 1 nút tuyệt vời để kéo khách hàng đến gần với website/app/trò chơi/video của mình rồi đấy

Lưu ý: Để có nút ” Kêu gọi hành động“, nick facebook của bạn phải lâu năm 1 tý, đã từng lập fanpage riêng, chứ không phải cứ có fanpage là tạo được nút ” Call to action” đâu.

3. Một vài update mới khác của facebook

a. Hiện link fanpage khi chia sẻ link lên facebook

Cái này cũng hơi khó giải thích nên nhìn hình sẽ hiểu nha

Đấy là việc hiện ngay bên dưới link trên tường nhà link dẫn đến fanpage của website đó. Việc này hẳn là để chặn nạn fake tên fanpage đang rộ lên (gì mà 3 thẻ meta ý) đây.

b. Notes facebook

– Những thay đổi xuất hiện tại facebook notes cá nhân:

+ Đầu tiên là sự thuận tiện trong việc chèn ảnh và sử dụng công cụ khá đơn giản

+ Tiếp theo là việc chèn link nhanh chóng, không phải dùng html như trước nữa

– Những thuận tiện với facebook notes fanpage:

+ Có nhiều thứ khá hay ho như tiêu đề, thanh công cụ vẫn chưa khác mấy

+ Nhưng thứ thay đổi đáng chú ý nhất có lẽ là chèn ảnh vào bài viết khá thuận tiện

+ Có một chút vấn đề là không tìm thấy nút để chèn anchor text, chỉ có thể để link trần thôi P/S: Cái notes vừa chụp ảnh làm mẫu chỉ sửa lại 1 tý thôi thế là bị del rồi, nản ghê, mất bao thời giản chỉnh sửa cho đẹp

c. Cách hiển thị link trên fanpage

Nếu như link gốc có nhiều ảnh thì mình sẽ được chọn ảnh 1 hoặc tất cả để hiển thị trên fanpage. Cơ hội tiếp thị cũng rộng hơn nhiều. Chỉ khổ những link spam, link từ blogspot không được hiện ảnh :p.

d. Avatar bằng video hoặc ảnh động .gif trên facebook

Mới chỉ vooc được ở Mỹ chứ VN chưa có đâu

Ảnh động thì chắc sắp có ở giao diện mobile, điện thoại Việt Nam rồi

e. Autoplay video – Video tự động phát

– Chọn nút tắt ở phần ” Video tự phát” là được. Nếu muốn chọn chất lượng video khi phát thì chỉnh ở ” Chất lượng mặc định của video“. – Ngoài ra có chế độ auto play video nhưng tắt âm thanh

f. Cách hiển thị trang search facebook

Trang search bây giờ hiển thị theo tab, rất dễ tìm. Ngoài ra còn high light tô màu keyword xuất hiện nữa, khá tiện đấy

g. Cập nhật nhỏ

– Đánh giá dịch tự động từ bing – Đổi tên facebook fanpage: Yêu cầu bây giờ có vẻ bảo mật hơn trước. Nhưng bạn có thể đổi tên fanpage nhiều lần dù quá 200 like