การแจ้งเตือนแบบพุชของเว็บ มันคืออะไรและทำไม? การแจ้งเตือน HTML5 นั้นง่าย: ทำการแจ้งเตือนในบรรทัดเดียว เช่นในการแจ้งเตือนแบบพุชของเว็บ GMail

ความจริงของชีวิตคือสิ่งนี้:

การเข้าชมเว็บไซต์เป็นเรื่องยากจริงๆ

แต่คุณรู้ไหมว่าอะไรที่แย่กว่านั้น?

90% ของผู้เข้าชมที่เข้าชมไซต์ของคุณจะไม่กลับมาอีก

โบนัสพิเศษ:คลิกที่นี่เพื่อดาวน์โหลดรายการตรวจสอบสำหรับสร้างข้อความแม่เหล็ก บทความที่เขียนตามรายการตรวจสอบนี้จะดึงดูดความสนใจของผู้อ่านเหมือนแม่เหล็ก ( คลิกเพื่อดาวน์โหลด).

น่าเสียดาย แน่นอน ... คุณใช้พลังงานอย่างเหลือเชื่อในการพัฒนา แต่ทรัพย์สินที่มีค่าที่สุด - ผู้เยี่ยมชมลืมคุณในวันเดียวกับที่พวกเขาค้นพบ

แต่อย่าสิ้นหวัง มีวิธีแก้ไข:

ติดตั้งบนเว็บไซต์ของคุณ การแจ้งเตือนแบบพุชของเบราว์เซอร์.

นี่คือประเด็น:

การแจ้งเตือนแบบพุชสำหรับไซต์ช่วยให้คุณสามารถติดต่อกับผู้เยี่ยมชมของคุณได้

ในบางบล็อก การแนะนำข้อความ Push เพิ่มการเข้าชมซ้ำหลายครั้ง

และเป็นทางเลือกที่ดีสำหรับจดหมายข่าวทางอีเมล

ในบทความนี้คุณจะได้เรียนรู้:

• ประโยชน์ของการแจ้งเตือนแบบพุช
• เทคโนโลยีที่ค่อนข้างใหม่นี้คุ้มค่าหรือไม่
• รายการบริการแจ้งเตือนแบบพุชที่ดีที่สุด
• วิธีเชื่อมต่อ push`s กับเว็บไซต์ของคุณ

แต่ก่อนอื่น ขอยกตัวอย่างเล็กน้อย...

Extra เป็นหนึ่งในผู้ค้าปลีกรายใหญ่ที่สุดในตะวันออกกลาง

ด้วยความช่วยเหลือของการแจ้งเตือนแบบพุช พวกเขาสามารถเพิ่มยอดขายให้กับผู้ใช้มือถือได้ถึง 2 เท่า:

หากคุณคิดว่านี่คือทั้งหมด - คุณคิดผิดอย่างสุดซึ้ง

อีกทั้งส่วนแบ่งการซื้อซ้ำเพิ่มขึ้น 4 เท่า (!!!)

ด้วยเหตุนี้ นักการตลาดของ Extra จึงยอมรับว่าข้อความ Push เป็นเครื่องมือในการรักษาลูกค้าที่มีประสิทธิภาพที่สุด

การแจ้งเตือนแบบพุชสำหรับเว็บไซต์คืออะไร

ยังไม่แน่ใจว่าข้อความ Push สำหรับเว็บไซต์คืออะไร?

ทุกอย่างง่ายมาก:

เมื่อคุณเยี่ยมชมแหล่งข้อมูลบนเว็บ คุณอาจเห็นหน้าต่างป๊อปอัปต่อไปนี้:

ตัวอย่างคำขอรับการแจ้งเตือนแบบพุช

หากผู้ใช้ตกลง คุณสามารถส่งการแจ้งเตือนเกี่ยวกับบทความใหม่ ผลิตภัณฑ์ใหม่ และอื่นๆ

ข้อความจะปรากฏที่มุมขวาของหน้าจอ ในกรณีนี้ เบราว์เซอร์สามารถย่อขนาดหรือปิดได้

ตัวอย่างการแจ้งเตือนแบบพุช:

เบราว์เซอร์ที่รองรับการแจ้งเตือนแบบพุช

Safari เป็นเจ้าแรกที่รองรับเทคโนโลยีการแจ้งเตือนแบบพุชในเบราว์เซอร์ จากนั้นในเดือนเมษายน 2015 ก็มีการใช้งาน Chrome เวอร์ชัน 42

และในที่สุด เมื่อต้นปี 2559 การแจ้งเตือนแบบพุชเริ่มได้รับการสนับสนุนในเบราว์เซอร์ Firefox เวอร์ชัน 44

แล้วในตอนนี้ กว่า 75% ของเบราว์เซอร์ทั้งหมดรองรับการส่งการแจ้งเตือนแบบพุช

ทำไมผู้ใช้ควรสมัครรับการแจ้งเตือนแบบพุช

ขั้นแรก มาดูประโยชน์ที่ผู้ใช้จะได้รับเมื่อสมัครรับการแจ้งเตือนแบบพุช

1. สะดวกก่อน

สิ่งที่คุณควรเข้าใจเป็นสองและสอง:

ผู้คนซื้อจากเว็บไซต์ที่ให้บริการที่ดีที่สุด เช่นเดียวกับความภักดีของผู้อ่าน

แต่จะทำให้เว็บไซต์ใช้งานง่ายอย่างรวดเร็วและง่ายดายได้อย่างไร

คำตอบนั้นชัดเจน:

พร้อมการแจ้งเตือนแบบพุช

สมมติว่าฉันสมัครรับข้อมูลอัปเดตเป็นประจำของไซต์ของคุณ...

ฉันมักจะต้องเปิดกล่องจดหมายของฉันเพื่อรออีเมลจากคุณ

ในกรณีของการแจ้งเตือนแบบพุช ทุกอย่างจะง่ายกว่ามาก

OneSignal

หลังจากนั้น ส่วน OneSignal Push จะปรากฏในคอลัมน์ด้านซ้ายของพื้นที่ผู้ดูแลระบบของคุณ

การตั้งค่าที่ตามมามีคำอธิบายโดยละเอียดเป็นขั้นตอน แต่เป็นภาษาอังกฤษ ดังนั้น ฉันจะอธิบายขั้นตอนที่จำเป็นทั้งหมดโดยสังเขป

คุณจะเห็นหน้าต่างที่คุณต้องไปที่ส่วนการกำหนดค่า:

ทุกอย่างต้องทำตามที่แสดงในภาพหน้าจอ ดังนั้นคุณจะได้รับหมายเลขโปรเจ็กต์และคีย์ API

ป้อนหมายเลขโปรเจ็กต์ในช่องหมายเลขโปรเจ็กต์ Google ในส่วนการกำหนดค่า คุณต้องบันทึกคีย์ API (คุณยังต้องใช้อยู่)

ในที่เดียวกัน ให้ระบุคีย์ API จากโครงการ Google และการมีอยู่ของใบรับรอง SSL บนไซต์ของคุณ

หากเว็บไซต์ของคุณอยู่ที่ http คุณจะไม่เปลี่ยนแปลงอะไรเลย หากเป็น https ให้เลือกช่องทำเครื่องหมายที่เกี่ยวข้อง

ทำไมสิ่งนี้จึงจำเป็น?

ความจริงก็คือการแจ้งเตือนแบบพุชได้รับการสนับสนุนในเว็บไซต์ https เท่านั้น อย่างไรก็ตาม บริการ OneSignal สามารถแก้ปัญหาได้โดยการสร้างโดเมนย่อยให้กับคุณ

คุณสามารถใช้ที่อยู่เว็บไซต์ของคุณเป็นโดเมนย่อยได้ ตัวอย่างเช่น แทนที่จะเป็นไซต์ - ฉันทำ site4business.onesignal.com

ส่วนย่อย Modify Site อธิบายประเภทของการใช้งานการแจ้งเตือนแบบพุช ในส่วนย่อยของ Safari Push ทุกอย่างจะคล้ายกับขั้นตอนก่อนหน้า

สุดท้าย คุณสามารถเปลี่ยนตำแหน่งของปุ่มสมัครรับข้อมูลและข้อความในส่วนการกำหนดค่า

โปรดทราบว่าสำหรับ http การสมัครรับการแจ้งเตือนทำได้โดยใช้ปุ่มเพียงปุ่มเดียว คุณสามารถเปลี่ยนการออกแบบได้อย่างอิสระ

และหน้าต่างป๊อปอัปจะพร้อมใช้งานสำหรับไซต์ https เท่านั้น

รถเข็นเด็ก

ขั้นแรก ติดตั้งปลั๊กอิน PushCrew

หลังจากนั้นให้สร้างบัญชีบนเว็บไซต์บริการ

สุดท้าย ในส่วนปรับแต่งสำหรับเดสก์ท็อป คุณสามารถปรับแต่งลักษณะที่ปรากฏของป๊อปอัปได้

นี่คือรายการบริการทั้งหมดให้ความสามารถในการใช้การแจ้งเตือนแบบพุช:

เมื่อเยี่ยมชมเว็บไซต์ใหม่ บางครั้งหน้าต่างเล็ก ๆ จะปรากฏขึ้นที่มุมซ้ายบนของเบราว์เซอร์เพื่อขออนุญาตส่งการแจ้งเตือนบางอย่างถึงคุณ

หากผู้ใช้อนุมัติการรับการแจ้งเตือนดังกล่าวหนึ่งครั้ง ต่อมาในพื้นที่งานของคอมพิวเตอร์หรืออุปกรณ์มือถือ เขาจะสังเกตลักษณะที่ปรากฏของหน้าต่างเล็ก ๆ เป็นระยะพร้อมข้อความว่ามีสิ่งพิมพ์ใหม่ปรากฏบนไซต์เหล่านี้

สิ่งเหล่านี้เรียกว่าการแจ้งเตือนแบบพุช พวกเขายังเป็นแบบพุชทางเว็บ ซึ่งเป็นเครื่องมือที่ทันสมัยสำหรับนักการตลาดทางอินเทอร์เน็ต และช่องทางที่สะดวกที่สุดในการแจ้งผู้ใช้ที่ต้องการติดตามกิจกรรมที่พวกเขาสนใจ

การแจ้งเตือนแบบพุชคืออะไร?

การแจ้งเตือนแบบพุชคือการแจ้งเตือนแบบป๊อปอัปสั้นๆ ที่ปรากฏบนหน้าจอคอมพิวเตอร์หรือโทรศัพท์มือถือทั่วไป และแจ้งเกี่ยวกับกิจกรรมและการอัปเดตที่สำคัญ

เมื่อคุณคลิกข้อความ Push ที่ผู้ใช้ได้รับ ข่าวเว็บไซต์จะเปิดขึ้นในหน้าต่างทันที และผู้ใช้จะเป็นคนกลุ่มแรกๆ ที่ทำความคุ้นเคยกับข้อมูลที่เพิ่งโพสต์ไปยังเครือข่าย และบางครั้ง การเป็นผู้ใช้กลุ่มแรกๆ ที่มีข้อมูลที่เป็นประโยชน์ก็เป็นสิ่งสำคัญ

ข้าว. 1. การแจ้งเตือนแบบพุชหน้าตาเป็นอย่างไร

เจ้าของไซต์จะเปิดใช้งานการแจ้งเตือนแบบพุชของไซต์ และผู้ใช้สามารถจัดการการแจ้งเตือนแบบพุชผ่านการตั้งค่าเบราว์เซอร์ได้ หากเว็บมาสเตอร์ไม่ได้เปิดใช้งานการพุชบนไซต์ ผู้ใช้จะไม่มีโอกาส (หรือต้องการ) ที่จะใช้ กำหนดค่าเหล่านั้น ฯลฯ

อะไรคือข้อดีของการแจ้งเตือนแบบพุชเมื่อเทียบกับวิธีการอื่นๆ ในการส่งข้อมูลที่สดใหม่? จะจัดการเครื่องมือดังกล่าวในเบราว์เซอร์เดสก์ท็อป Google Chrome, Mozilla Firefox หรือที่คล้ายกันได้อย่างไร ลองพิจารณาคำถามเหล่านี้ด้านล่าง

ประโยชน์ของการแจ้งเตือนแบบพุช

ประโยชน์ของการใช้การแจ้งเตือนแบบพุชบนไซต์สำหรับเจ้าของ ซึ่งก็คือสำหรับเว็บมาสเตอร์นั้นชัดเจน ความจริงก็คือมีเครื่องมือสื่อสารเพียงไม่กี่ตัวที่สามารถส่งข้อความถึงผู้ใช้ได้ 90% และการจัดส่งเกือบ 50%

แต่ผู้อ่านเว็บไซต์นี้หรือเว็บไซต์นั้นได้ประโยชน์อะไร?

การแจ้งเตือนแบบพุชสำหรับผู้ใช้บางรายอาจสะดวกกว่าการสมัครรับการอัปเดตไซต์ทางอีเมล ข้อความที่มาจากไซต์ต่างๆ จะไม่สะสมในกล่องจดหมายและไม่ซับซ้อนในการเข้าถึงการติดต่อส่วนตัว

หากในขณะนี้ผู้ใช้ไม่มีเวลาอ่านข่าว ให้คลิกที่การแจ้งเตือนแบบพุช เขาสามารถเปิดหน้าในหน้าต่างเบราว์เซอร์และปล่อยทิ้งไว้จนกว่าจะถึงเวลาที่สะดวก หรือส่งไปยังบริการอ่านแบบขี้เกียจเช่น Pocket หรือ Readability

ข้อเสียอย่างหนึ่งของการสมัครรับข่าวสารเว็บไซต์ทาง E-mail คือ การสะสมจดหมายเกี่ยวกับบทความใหม่ในกล่องจดหมายของผู้ใช้ ด้วยการแจ้งเตือนแบบพุชจะไม่มีการล้นในอีเมล

ด้วยการป้องกันไซต์จากการแฮ็กไม่เพียงพอ ฐานข้อมูลของสมาชิกไซต์ตกอยู่ในมือของนักต้มตุ๋น ซึ่งเป็นคนแรกที่จัดระเบียบฐานข้อมูลนี้ (ที่เรียกว่าการโจมตีด้วยสแปม) จากนั้นเจ้าของอีเมลทุกรายจากฐานข้อมูลนี้จะได้รับอีเมลขยะหลอกลวงดังกล่าว เป็นที่เชื่อกันว่าด้วยการแจ้งเตือนแบบพุชในเรื่องนี้ ผู้ใช้จะได้รับการคุ้มครองอย่างปลอดภัยยิ่งขึ้น: ไม่มีใครอื่นนอกจากผู้สร้างเว็บไซต์ที่สนใจ จะสามารถรบกวนผู้ใช้ได้ ไม่ว่าใครจะแฮ็กสิ่งใดในไซต์ดังกล่าว

การแจ้งเตือนแบบพุชและฟีด RSS

ในแง่ของการป้องกันสแปม การพุชทางเว็บนั้นคล้ายกับวิธีการอื่นๆ ในการส่งข้อมูลใหม่ที่เผยแพร่บนไซต์หนึ่งๆ - ฟีด RSS อย่างหลังยังได้รับชัยชนะในการเก็บประวัติข้อความเกี่ยวกับสิ่งพิมพ์ของไซต์ที่มีการสมัครสมาชิก RSS ในขณะที่การแจ้งเตือนแบบผุดขึ้นจะหายไปอย่างถาวรหลังจากไม่กี่วินาที

แต่การใช้ฟีด RSS สำหรับการส่งข่าวต้องการให้ผู้ใช้ดำเนินการอย่างอิสระ: เขาต้องค้นหาปุ่มการสมัครรับข้อมูลในแต่ละไซต์ (และไม่มีตำแหน่งมาตรฐาน) และป้อนที่อยู่ของช่องลงในโปรแกรมอ่าน RSS หากผู้ใช้ไม่มีโปรแกรมอ่านดังกล่าวในเบราว์เซอร์ ก็จำเป็นต้องจัดระเบียบแยกกัน เช่น โดยการติดตั้งส่วนขยาย การเลือกบริการเว็บ หรือการใช้โปรแกรมที่เหมาะสม

การแจ้งเตือนแบบพุชปรากฏขึ้นและเสนอให้สมัครใช้งาน และการใช้งานมีให้โดยฟังก์ชันมาตรฐานของเบราว์เซอร์สมัยใหม่เกือบทุกชนิด

การตั้งค่าการแจ้งเตือนแบบพุชใน Google Chrome

การใช้งานการแจ้งเตือนแบบป๊อปอัปใน Google Chrome และเบราว์เซอร์ที่สร้างจากเครื่องมือ Blink เดียวกัน (เช่น ) ให้รูปแบบการสมัครรับข้อมูลแบบเปิดโดยสมบูรณ์แก่ผู้ใช้ซึ่งไม่ต้องการให้เขาต้องเลือกใดๆ

คำขอแบบพุชใน Google Chrome มีปุ่มการทำงานสองปุ่ม:

1. "อนุญาต" เพื่ออนุมัติการส่งข้อความ (1 ในรูปที่ 2) และ
2. "บล็อก" เพื่อเพิ่มไซต์ในรายการไซต์ที่ถูกบล็อก (2 ในรูปที่ 2)

ในกรณีหลังนี้ คำขอจะไม่ปรากฏในการเยี่ยมชมครั้งต่อไปของเว็บไซต์ดังกล่าวอีกต่อไป

มีตัวเลือกที่สาม: การคลิกที่กากบาทในหน้าต่างคำขอทำให้คุณสามารถเลื่อนการตัดสินใจได้ (3 ในรูปที่ 3) ไซต์จะไม่ถูกบล็อก และหลังจากนั้นครู่หนึ่ง คำขอดังกล่าวที่มุมซ้ายบนของหน้าต่าง Chrome จะปรากฏขึ้นอีกครั้ง

ข้าว. 2. คำขอการแจ้งเตือนแบบพุชใน Google Chrome เป็นอย่างไร

การตั้งค่าการแจ้งเตือนแบบพุชใน Mozilla

ใน Mozilla Firefox (และเบราว์เซอร์อื่นๆ ที่ใช้กลไก Gecko เดียวกัน) แบบฟอร์มคำขอส่งเว็บแบบพุชจะถูกจัดเรียงอย่างชาญฉลาดกว่าใน Google Chrome หรือค่อนข้างดีกว่า โดยให้ผู้ใช้เลือกตัวเลือกเฉพาะ

1. ปุ่ม "อนุญาตการแจ้งเตือน" (1 ในรูปที่ 3) ถูกเน้นด้วยการแสดงสี
2. และในทางกลับกัน ตรงกันข้ามกับปุ่มตัดสินใจที่ล่าช้า “ไม่ใช่ตอนนี้” (2 ในรูปที่ 3)

ปุ่มบล็อกการแจ้งเตือน "ไม่อนุญาต" (4 ในรูปที่ 3) มีขนาดเล็กกว่าและซ่อนอยู่ภายในปุ่ม "ไม่อยู่" (3 ในรูปที่ 3)

ข้าว. 3. คำขอการแจ้งเตือนแบบพุชใน Mozille Firefox

การแจ้งเตือนแบบพุชที่อนุญาตและถูกบล็อกจะไม่ซิงโครไนซ์กับโปรไฟล์ของเบราว์เซอร์ หลังจากติดตั้งระบบปฏิบัติการใหม่ เมื่อเปลี่ยนไปใช้คอมพิวเตอร์เครื่องอื่น และแม้กระทั่งหลังจากติดตั้งเบราว์เซอร์ใหม่ด้วยการล้างข้อมูลที่เหลือระหว่างการถอนการติดตั้ง คุณต้องเริ่มต้นใหม่ทั้งหมดอีกครั้ง - ตอบกลับคำขอของไซต์อีกครั้ง สร้างฐานการอนุญาตและการบล็อก การแจ้งเตือนแบบพุชตั้งแต่เริ่มต้น

ยกเลิกการสมัครจากเว็บพุชและบล็อกพวกเขา

ข้อความป๊อปอัปจำนวนมากเกินไปอาจสร้างความรำคาญให้กับผู้ใช้เมื่อเวลาผ่านไป นอกจากนี้ ความสนใจของเราอาจเปลี่ยนไป

ในกรณีดังกล่าวจะยกเลิกการสมัครจากเว็บไซต์ที่ไม่เกี่ยวข้องหรือปิดการใช้งานการส่งการแจ้งเตือนแบบพุชโดยเบราว์เซอร์โดยสิ้นเชิงได้อย่างไร และในทางกลับกัน จะปลดบล็อกไซต์ที่ถูกบล็อกผิดพลาดเมื่อได้รับแจ้งได้อย่างไร

เว็บไซต์ 15.12.2017

สวัสดีวันผู้มาเยือนที่รัก

การแจ้งเตือนทันทีจากเว็บไซต์เกี่ยวกับการปรากฏตัวของวัสดุใหม่รวมถึงกิจกรรมอื่น ๆ อะไรจะดีไปกว่านี้! เทคโนโลยีนี้มาถึงเราจากโลกของเทคโนโลยีมือถือ - ในขั้นต้น การแจ้งเตือนทันทีเป็นเพียงแอปพลิเคชั่นมือถือจำนวนมาก แต่เมื่อเวลาผ่านไป "คุณสมบัติ" ก็ถูกนำมาใช้ในเบราว์เซอร์ (มือถือและเดสก์ท็อป)

การแจ้งเตือนจะเพิ่มจำนวนผู้เยี่ยมชมเว็บไซต์ของคุณและมีประสิทธิภาพมากกว่าการสมัครรับข้อมูลทางอีเมล เหล่านั้น. หากผู้ใช้ได้เยี่ยมชมไซต์ของคุณ อนุมัติคำขอให้เปิดใช้งานการแจ้งเตือนจากไซต์ จากนั้นเขาจะเห็นพวกเขาเกือบทุกครั้ง และสำหรับสิ่งนี้คุณไม่จำเป็นต้องทำท่าทางพิเศษใด ๆ เช่นเคยกับรายชื่ออีเมลอีเมล .

ฉันต้องการทราบทันทีว่าการแจ้งเตือน Web Push สามารถรวมเข้ากับไซต์ที่ทำงานโดยใช้โปรโตคอลที่ปลอดภัย (https) เท่านั้น ซึ่งเป็นข้อกำหนดของเทคโนโลยี

Web Push คืออะไร

เมื่อผู้ใช้เยี่ยมชมไซต์ที่มีบริการส่งข้อความโต้ตอบแบบทันที ข้อความที่ละเอียดอ่อนจะปรากฏขึ้นเพื่อระบุว่าไซต์กำลังขออนุญาตส่งการแจ้งเตือน การออกแบบของประกาศนี้ขึ้นอยู่กับเบราว์เซอร์ที่คุณใช้

รูปภาพแสดงตัวอย่างพร้อมข้อเสนอให้สมัครรับการแจ้งเตือนจากเว็บไซต์ในเบราว์เซอร์เดสก์ท็อป Google Chrome และ Mozilla Firefox

และนี่คือลักษณะคำขอเดียวกันในเบราว์เซอร์ Chrome สำหรับมือถือ Android จนถึงเวอร์ชัน 63.0.3239.107

ต่อมา ผู้พัฒนาเบราว์เซอร์มือถือของ Google ได้แก้ไขวิธีการสืบค้นผลลัพธ์ ซึ่งทำให้มีความก้าวร้าวมากขึ้น จากนี้ไปจะแทนที่เนื้อหาจนกว่าผู้ใช้จะทำการเลือก

โดยตระหนักว่าสิ่งนี้สามารถรบกวนผู้เยี่ยมชม OneSignal ได้ทำสิ่งต่อไปนี้: เมื่อเข้าถึงไซต์จากเบราว์เซอร์มือถือ Google Chrome สำหรับ Android หน้าต่างป๊อปอัปจะปรากฏขึ้นเพื่อขออนุญาตสมัครรับข้อมูล (ข้อความคำขอสามารถกำหนดค่าได้) หากผู้ใช้ตกลง ระบบจะแสดงพรอมต์มาตรฐานเพื่อเปิดใช้งานการแจ้งเตือนในเบราว์เซอร์
สิ่งนี้ใช้ได้กับเบราว์เซอร์มือถือ Google Chrome สำหรับ Android เท่านั้น ในเบราว์เซอร์อื่น ๆ ทั้งหมด อัลกอริทึมสำหรับการแสดงคำขอสมัครรับการแจ้งเตือนยังคงไม่เปลี่ยนแปลง

เมื่อผู้ใช้ตกลงที่จะรับการแจ้งเตือน คุณสามารถตั้งค่าการแจ้งเตือน "ยินดีต้อนรับ" ซึ่งหมายถึงคุณได้สมัครรับการแจ้งเตือนเกี่ยวกับเนื้อหาใหม่ของไซต์ และเมื่อปรากฏขึ้น คุณจะได้รับการแจ้งเตือนที่เกี่ยวข้อง

อย่างที่คุณเห็น ในเบราว์เซอร์มือถือ การแจ้งเตือนมักจะแสดงในแถบการแจ้งเตือน ในขณะที่เบราว์เซอร์เดสก์ท็อป (คอมพิวเตอร์) จะปรากฏขึ้นที่มุมล่างขวา

การแจ้งเตือนเองยังปรับแต่งได้: คุณสามารถตั้งค่ารูปภาพ ชื่อเรื่อง ข้อความ และเปิดหน้าเฉพาะเมื่อคุณคลิกที่การแจ้งเตือน

วิธีเชื่อมต่อ Web Push กับเว็บไซต์

ต้องเข้าใจว่า Web Push เป็นบริการที่แทบจะไม่สามารถใช้งานได้โดยเพียงแค่ติดตั้งปลั๊กอินและการปรับแต่งที่คล้ายคลึงกัน ดังนั้น เราจะใช้บริการของบุคคลที่สามที่เกี่ยวข้อง ในกรณีนี้ เราจะพูดถึงบริการ OneSignal ซึ่งเราจะมอบฟังก์ชันการทำงานที่อธิบายไว้ข้างต้นให้ไซต์ของเรา ทำไมต้องเป็นเขา? เนื่องจากเป็นบริการฟรีไม่ส่งโฆษณาและสิ่งอื่นใดให้ผู้ใช้

ไม่น่าเป็นไปได้ที่ผู้ใช้จะรู้ว่า Web Push ของไซต์ของคุณถูกใช้งานโดยใช้บริการ OneSignal นี่คือข้อได้เปรียบที่ปฏิเสธไม่ได้

ข้อเสียของมันคืออะไร? พวกเขายังสามารถใช้ได้ อินเทอร์เฟซของบริการนี้เป็นภาษาอังกฤษ และคุณจะต้องทำความคุ้นเคยกับบริการนี้ หากคุณวางแผนที่จะสร้างการแจ้งเตือนจากที่นั่น ซึ่งจะถูกส่งไปยังผู้ใช้ที่สมัครรับข้อมูล

มีปลั๊กอินอย่างเป็นทางการสำหรับการรวมเข้ากับ WordPress ซึ่งฉันไม่ชอบเลย ขนาดของมันคือ 6.5 เมกะไบต์ ซึ่งค่อนข้างมาก ... มันทำให้ฉันเลิกใช้แล้ว

ฉันรวม Web Push เข้ากับไซต์ด้วย "การจัดการ" โดยการอ่านคู่มือการรวม (ภาษาอังกฤษ) ซึ่งมีรายละเอียดอยู่ในเว็บไซต์บริการ

และฉันสร้างข้อความด้วยตนเองผ่านบัญชีส่วนตัวของฉันในบริการ

ฉันต้องการบอกคุณเกี่ยวกับวิธีการรวมนี้ (ไม่มีปลั๊กอิน) เป็นที่น่าสังเกตว่าโดยใช้วิธีการรวมที่อธิบายไว้ คุณสามารถมอบ Web Push ด้วยฟังก์ชันการทำงานที่ไม่เพียงแค่ไซต์ WordPress เท่านั้น แต่ยังรวมถึงไซต์ที่ทำงานบนเอ็นจิ้นอื่น ๆ หรือแม้แต่หน้า html แบบคงที่ ทางเลือกที่หลากหลายอย่างแท้จริง!

1. ขั้นตอนแรกคือไปที่เว็บไซต์บริการ OneSignal และลงทะเบียน โดยคลิกที่ลิงค์ เข้าสู่ระบบและในหน้าต่างที่ปรากฏขึ้น ให้คลิกที่ลิงค์ ลงชื่อซึ่งตั้งอยู่ที่ด้านล่าง คุณจะต้องป้อนอีเมล รหัสผ่าน ชื่อบริษัทหรือองค์กรของคุณ (ป้อนอะไรก็ได้) และยอมรับข้อตกลงเงื่อนไขการใช้งาน คุณยังสามารถรับการลงทะเบียนแบบเร่งด่วนได้หากคุณมีบัญชี Google, Facebook, Github
2. หลังจากลงทะเบียนและเข้าสู่บัญชีส่วนตัวของคุณแล้ว คุณจะเห็นข้อความต้อนรับที่แสดงคุณสมบัติของบริการ
3. เมื่อคลิกไปที่หน้าต่างสุดท้ายแล้วให้คลิกที่ปุ่มที่อยู่ตรงนั้น เพิ่มแอพใหม่.

   

4. ในหน้าต่างที่เปิดขึ้น ให้ป้อนชื่อ ตัวอย่างเช่น ชื่อของไซต์ แล้วคลิกปุ่ม สร้าง.

   

5. หลังจากนั้นดวงตาของคุณจะเห็นหน้าต่างซึ่งคุณจะต้องคลิกที่ปุ่มที่มีคำจารึก ดันเว็บไซต์และกดปุ่ม ถัดไป.

   

6. ในหน้าต่างถัดไป ให้คลิกที่ปุ่มที่มีข้อความ Google Chrome & Mozilla Firefox, จากนั้นกด ถัดไป.

   

   หมายเหตุ: นอกจากนี้ยังมีปุ่ม แอปเปิ้ลซาฟารีและคุณอาจมีคำถามทั่วไป: แล้วเบราว์เซอร์นี้ล่ะ ไม่ต้องกังวล เราจะเพิ่มมันในขั้นตอนต่อไป

7. ในหน้าต่างถัดไป เราจะถูกขอให้ป้อนที่อยู่เว็บไซต์และโลโก้ (คุณสามารถเพิ่มได้ในภายหลัง) โลโก้ต้องมีความละเอียด 192 x 192 พิกเซลในรูปแบบ png ซึ่งไฟล์ต้องอยู่ในโฮสต์เอง หลังจากป้อนข้อมูลให้กดปุ่ม บันทึก.

   

8. เป็นผลให้หน้าต่างจะเปิดขึ้นซึ่งคุณจะต้องเลือกจากตัวเลือกวิธีการรวมบริการคุณจะต้องคลิกที่ปุ่ม ดันเว็บไซต์, และกด ถัดไป.

   

9. ข้อมูลในหน้าต่างจะเปลี่ยนและ .ของคุณ ID แอพของคุณ. อย่าปิดหน้าต่างนี้ เราต้องการมันในภายหลัง ตอนนี้ มาดูการรวมรหัสบริการเข้ากับไซต์กัน

   

10. ในการรวมโค้ดเข้ากับไซต์ คุณต้องดาวน์โหลดไฟล์เก็บถาวรนี้ (ไฟล์เก็บถาวรถูกดาวน์โหลดจากเว็บไซต์อย่างเป็นทางการ) พร้อมไฟล์ที่จำเป็นสำหรับการรวมสำเร็จ ไฟล์เก็บถาวรประกอบด้วยโฟลเดอร์ OneSignalSDKFilesและประกอบด้วยสามไฟล์:
    • manifest.json
    • OneSignalSDKWorker.js
    • OneSignalSDKUpdaterWorker.js

    เปิดเครื่องรูดไฟล์เหล่านี้

11. ถัดไป คุณต้องเปิดไฟล์ในโปรแกรมแก้ไขข้อความ manifest.jsonและแก้ไขคำบรรยาย ตัวอย่างสัญญาณเดียวในชื่อเว็บไซต์ของคุณ ไม่มีข้อกำหนดที่เข้มงวดที่นี่ คุณสามารถป้อนชื่อไซต์และสโลแกนของไซต์ได้

    

12. ตอนนี้ให้อัปโหลดไฟล์เหล่านี้ไปที่รูทของไซต์ของคุณ เพื่อให้ไฟล์เหล่านี้พร้อมใช้งานหากคุณพิมพ์ที่อยู่ในแถบเบราว์เซอร์:

    https://sitename.ru/manifest.json
    https://sitename.ru/OneSignalSDKWorker.js
    https://sitename.ru/OneSignalSDKUpdaterWorker.js

13. แต่นั่นไม่ใช่ทั้งหมด ตอนนี้ คุณต้องเพิ่มโค้ดลงในเทมเพลตไซต์โดยตรง หากนี่คือ WordPress ให้ไปที่โฟลเดอร์ ( \wp-เนื้อหา\ธีม\<папка с названием темы> ) ที่ตั้งของธีมที่คุณใช้อยู่และค้นหาไฟล์ที่นั่น header.php. เปิดไฟล์นี้เพื่อแก้ไขและเขียนระหว่างแท็ก … รหัสต่อไปนี้:

    อย่าลืมสถานที่ ป้อน ID แอปของคุณที่นี่ป้อนรหัสที่ได้รับมอบหมายในกรณีของคุณและแสดงในหน้าต่างที่ไฮไลต์ในขั้นตอนที่ 9

    ชื่อเรื่องและข้อความรับผิดชอบสำหรับข้อความ "ยินดีต้อนรับ" เมื่อสมัคร คุณสามารถเปลี่ยนข้อความในบรรทัดเหล่านี้ได้ตามต้องการ

    และพารามิเตอร์ actionMessage, acceptButtonText, cancelButtonText มีหน้าที่รับผิดชอบข้อความคำขอสมัครรับข้อมูลซึ่งแสดงในเบราว์เซอร์มือถือ Google Chrome สำหรับ Android และไม่มีที่อื่น

    บันทึกไฟล์ header.phpด้วยรหัสที่คุณป้อน

14. ตอนนี้เปิดเว็บไซต์ของคุณ คุณควรเห็นการแจ้งเตือนที่แจ้งให้คุณสมัครรับการแจ้งเตือนทันที เห็นด้วยกับข้อเสนอนี้

    

    หมายเหตุ: เป็นที่น่าสังเกตว่าคำขอนี้จะแสดงเพียงครั้งเดียว และหากคุณตกลง หลังจากนั้นจะไม่ปรากฏ แต่จะมีการสมัครสมาชิกอัตโนมัติ แม้แต่การล้างประวัติเบราว์เซอร์ของคุณก็ไม่ช่วยอะไร
    ฉันเพิ่งพบคุณลักษณะดังกล่าวของเทคโนโลยีด้วยตัวเอง โดยกำลังทดลองรวมเข้ากับไซต์ ดังนั้น หากคุณไม่เห็นคำขอ คุณก็ไม่ควร "ส่งเสียงเตือน" และคิดว่ามีบางอย่างใช้งานไม่ได้ เพียงลองเข้าถึงจากเบราว์เซอร์อื่นที่ไม่เคยเข้าถึงไซต์มาก่อน

    ขอแสดงความยินดี คุณเป็นสมาชิกคนแรกที่ได้รับการแจ้งเตือนจากไซต์ของคุณ :-) แต่นั่นไม่ใช่ทั้งหมด

15. ตอนนี้กลับไปที่หน้าต่างที่เราทิ้งไว้เพื่อดำเนินการรวมรหัสเข้ากับไซต์แล้วคลิกปุ่มในนั้น ตรวจสอบผู้ใช้ที่สมัครรับข้อมูล. เป็นผลให้ข้อความปรากฏขึ้นใต้ปุ่มหากเป็นสีเขียวแสดงว่าทุกอย่างเป็นไปด้วยดีคุณสามารถคลิกที่ปุ่มที่อยู่มุมล่างขวา เสร็จแล้ว.

    

    Web Push จะทำงาน (สมัครรับและรับ) ในเบราว์เซอร์ Google Chrome และเบราว์เซอร์ที่ใช้รหัส Chromium: Opera, Yandex Browser ฯลฯ รวมถึง Mozilla Firefox

16. เราแค่ต้องเปิดใช้งานความสามารถในการทำงาน Web Push ในเบราว์เซอร์ Apple Safari - เบราว์เซอร์ Apple รุ่นเดสก์ท็อป (ไม่ใช่มือถือ iOS ไม่รองรับเทคโนโลยี Web Push)

    ในการเปิดใช้งานการสนับสนุนสำหรับ Apple Safari ให้ทำดังต่อไปนี้:

    ในบัญชี OneSignal ในเมนูด้านซ้าย ให้คลิกที่ลิงก์ การตั้งค่าแอพในเมนูที่เปิดขึ้น ให้คลิกปุ่ม กำหนดค่าซึ่งตั้งอยู่ตรงข้ามกับจุด แอปเปิ้ลซาฟารี.

    

    ในหน้าต่างที่เปิดขึ้น ให้ป้อนชื่อไซต์ของคุณและป้อนที่อยู่ URL คุณสามารถเลือกอัปโหลดโลโก้เว็บไซต์ที่จะแสดงในการแจ้งเตือนได้ ให้เลือกช่อง ฉันต้องการอัปโหลดไอคอนการแจ้งเตือนของตัวเองและอัปโหลดไฟล์กราฟิก ข้อกำหนดสำหรับโลโก้คือความละเอียด 256 x 256 พิกเซล รูปแบบ png เมื่อทำทุกอย่างที่จำเป็นแล้ว - คลิกปุ่ม บันทึก.

    

    คุณจะถูกเปลี่ยนเส้นทางไปยังหน้า การตั้งค่าแอพแต่ภายใต้จารึก แอปเปิ้ลซาฟารีจะถูกเน้น รหัสเว็บ.

    

    จะต้องคัดลอกและวางลงในรหัสที่เราเคยแทรกลงในไฟล์ ส่วนหัว.php:

    SistNotification: true, safari_web_id: "", welcomeNotification: ( "title": "การแจ้งเตือน...

    SistNotification: true, safari_web_id: "ป้อน Apple Safari ID ของคุณที่นี่", welcomeNotification: ( "title": "Notification...

    บันทึกการเปลี่ยนแปลงของคุณ

ทุกอย่าง การผสานรวมและการตั้งค่าเสร็จสิ้น หากมีบางอย่างไม่ชัดเจน ให้ถามคำถาม และทำความคุ้นเคยกับวิธีการป้อนรหัสบนไซต์นี้ ข้อยกเว้นเพียงอย่างเดียวในไซต์นี้คือบรรทัดของรหัส

ย้ายไปที่ส่วนที่เรียกว่า "ส่วนท้าย" (ในซอร์สโค้ดของหน้าจะแสดงที่ด้านล่าง)

วิธีสร้างและส่ง Web Push ไปยังสมาชิก

เราพบรหัสและการรวมระบบ ตอนนี้ก็ขึ้นอยู่กับสิ่งเล็กน้อยแล้ว - เพื่อสร้างรายชื่อส่งเมล

1. โดยคลิกที่ลิงค์ในเมนูด้านซ้าย ข้อความใหม่.

   

   มีวิซาร์ดรอเราอยู่ที่นั่นด้วยความช่วยเหลือซึ่งเราจะสร้างรายชื่อผู้รับจดหมาย

2. ในหน้าส่งไปที่ ทุกคนจะถูกเลือกตามค่าเริ่มต้นแล้ว ( ส่งให้ทุกคน). คลิก ถัดไป.

   

3. ข้อความถูกป้อนในหน้าถัดไป ไม่ต้องสนใจคำจารึก ภาษาอังกฤษก่อนป้อนแบบฟอร์ม คุณสามารถสร้างรายชื่อส่งเมลหลายรายการสำหรับแต่ละภาษาที่ระบุได้ หากคุณไม่ต้องการมัน โปรดป้อนชื่อ ( ชื่อ) และข้อความ ( ข้อความ) และกด ถัดไป.

   

4. ในหน้านี้ เราจะถูกขอให้ระบุไอคอน รูปภาพ และลิงก์ที่จะเปิดขึ้นเมื่อคุณคลิกที่การแจ้งเตือน

   

   ไอคอน ( ไอคอน- ภาพขนาดย่อที่แสดงข้างข้อความ) รองรับ Google Chrome, Mozilla Firefox (และเบราว์เซอร์ที่ใช้ Chromium), ภาพใหญ่ ( ภาพ) เฉพาะ Chrome และจากเวอร์ชัน 56 เท่านั้น สำหรับเบราว์เซอร์ Safari ไม่มีวิธีระบุไอคอน การแจ้งเตือนขาเข้าจะแสดงไอคอนที่อัปโหลดในขั้นตอนที่ 16 ของคำแนะนำในการเชื่อมต่อ Web Push กับเว็บไซต์เสมอ นี่คือการดำเนินการสนับสนุนการแจ้งเตือนแบบพุชในเบราว์เซอร์ Safari

   คุณสามารถละเว้นการป้อนภาพขนาดใหญ่ ( ภาพ) จำกัดเฉพาะการระบุไอคอน ( ไอคอน).

   เพิ่มเติมที่จะพูดเกี่ยวกับสนาม เวลาที่จะมีชีวิตอยู่– ตัวเลือกนี้รับผิดชอบตลอดอายุของข้อความ โดยค่าเริ่มต้นจะเท่ากับสามวัน หากในช่วงเวลานี้สมาร์ทโฟน / เบราว์เซอร์ไม่สามารถเข้าถึงอินเทอร์เน็ตได้ ข้อความจะไม่ถูกส่งไปยังมันเลย

   มันสมเหตุสมผลแล้วที่จะเพิ่มช่องว่างนี้ ฉันเพิ่มเกณฑ์นี้เป็น 128 วัน (โดยการป้อน 11111111 ในสนาม) หากต้องการเพิ่มเพียงเริ่มป้อนตัวเลขและเกณฑ์ที่ตั้งไว้จะปรากฏขึ้นตามเวลาจริง

   เมื่อใส่ข้อมูลครบแล้ว ให้กด ถัดไป.

5. หน้าถัดไประบุว่าจะส่งเมื่อใด โดยค่าเริ่มต้น การส่งจะดำเนินการทันที แต่คุณสามารถลองใช้ตัวเลือกได้ การจัดส่งอัจฉริยะ (แนะนำ)– การส่งข้อความในเวลาที่มีแนวโน้มว่าจะเกี่ยวข้องกับผู้ใช้บางคนมากที่สุด (ขึ้นอยู่กับเขตเวลาและปัจจัยอื่นๆ) .

   

   คลิกเพื่อดำเนินการต่อ ยืนยัน.

6. ด้วยเหตุนี้ หน้าจะแสดงข้อมูลสรุปเกี่ยวกับการส่งข้อความ เนื้อหา จำนวนสมาชิก ฯลฯ กดปุ่มเพื่อยืนยันการส่ง ส่งข้อความ.

   

และคุณจะถูกโอนไปยังหน้าสถิติ ซึ่งคุณสามารถดูจำนวนข้อความที่ส่งไปทั้งหมด ซึ่งข้อความใดถึงเป้าหมาย จำนวนผู้ติดตามที่คลิก เป็นต้น สะดวกและเห็นภาพมาก

เป็นที่น่าสังเกตว่าในเมนูด้านซ้ายคุณสามารถเลือกรายการ แม่แบบและสร้างเทมเพลตการส่งจดหมายเพื่อไม่ให้ป้อนข้อมูลซ้ำทุกครั้งที่สร้างรายชื่อผู้รับจดหมายปกติ

สรุป

ในเนื้อหา เราได้ตรวจสอบรายละเอียดข้อดีของการพุชเว็บ กระบวนการติดตั้งบริการแจ้งเตือนทันทีบนไซต์ และการใช้งานโดยใช้ตัวอย่างบริการฟรีจาก OneSignal

หากคุณมีคำถามใด ๆ คุณสามารถชี้แจงรายละเอียดปลีกย่อยและความแตกต่างทั้งหมดได้ในความคิดเห็น

เว็บไซต์บริจาค(การบริจาคจะถูกรวบรวมผ่านบริการ Yandex Money)

วิธีปิดการแจ้งเตือนแบบพุช - คำถามนี้สร้างความกังวลให้กับผู้ใช้บางคนที่เห็นการแจ้งเตือนในเบราว์เซอร์หลังจากลงชื่อเข้าใช้เว็บไซต์จำนวนมากบนอินเทอร์เน็ต เทคโนโลยี Push ได้รับการออกแบบมาเพื่อเผยแพร่ข้อมูลบนอินเทอร์เน็ตจากผู้ให้บริการ ซึ่งในกรณีนี้คือไซต์ ไปยังผู้ใช้ไซต์นี้

จำเป็นต้องมีการแจ้งเตือนแบบพุชสำหรับไซต์เพื่อแจ้งผู้เยี่ยมชมเว็บไซต์เกี่ยวกับข่าว ส่วนใหญ่เกี่ยวกับการเปิดตัวบทความใหม่ ในกรณีนี้ผู้เยี่ยมชมจะได้รับการแจ้งเตือนจากเว็บไซต์ในเวลาที่เหมาะสมและสามารถอ่านข่าวได้ทันที

การแจ้งเตือนในนามของไซต์จะถูกส่งโดยใช้บริการของบุคคลที่สามที่จัดการส่งการแจ้งเตือนไปยังคอมพิวเตอร์ของผู้ใช้

การแจ้งเตือนแบบพุชบนคอมพิวเตอร์คืออะไร หากผู้เยี่ยมชมไซต์ตกลงที่จะรับข้อความจากแหล่งข้อมูลนี้ การแจ้งเตือนเกี่ยวกับข่าวของเว็บไซต์นี้จะปรากฏบนเดสก์ท็อปของผู้ใช้เป็นครั้งคราว

การแจ้งเตือนแบบพุชทำงานอย่างไร

เมื่อเยี่ยมชมไซต์ที่เปิดใช้งานฟังก์ชันการส่งการแจ้งเตือน ผู้เข้าชมแต่ละครั้งจะเห็นคำขอให้แสดงการแจ้งเตือน ซึ่งเสนอให้คลิกปุ่ม "อนุญาต" หรือ "บล็อก" ชื่อของปุ่มอาจแตกต่างกัน แต่ความหมายเหมือนกันทุกที่

ผู้เยี่ยมชมไซต์สามารถละเว้นป๊อปอัปนี้ได้ เนื่องจากหน้าต่างคำขอการแจ้งเตือนแบบพุชมีขนาดเล็กและไม่รบกวนการเรียกดูไซต์

ลักษณะของหน้าต่างดังกล่าวจะแตกต่างกันไปขึ้นอยู่กับบริการที่ส่งการแจ้งเตือนจากเว็บไซต์นี้

การคลิกที่ปุ่ม "อนุญาต" แสดงว่าคุณตกลงที่จะรับข้อความพุชบนคอมพิวเตอร์ของคุณ

ในพื้นที่แจ้งเตือน บนเดสก์ท็อปของคอมพิวเตอร์ของผู้ใช้ การแจ้งเตือนเกี่ยวกับข่าวสารบนเว็บไซต์นี้จะปรากฏขึ้น โดยปกติ นี่คือข้อความเกี่ยวกับการเปิดตัวบทความใหม่ บางไซต์ละเมิดความสามารถในการส่งการแจ้งเตือน แจ้งเตือนเกี่ยวกับทุกสิ่งในแถว บางครั้งก็ส่งข้อมูลที่ไม่จำเป็น

หลังจากได้รับข้อความ Push ผู้ใช้สามารถไปที่ไซต์เพื่ออ่านบทความหรือปิดการแจ้งเตือนโดยไม่สนใจข้อความนี้ การแจ้งเตือนจากเว็บไซต์ดังกล่าวจะไม่รบกวนการทำงานบนคอมพิวเตอร์ เนื่องจากจะแสดงในพื้นที่แจ้งเตือนและปิดเองหลังจากช่วงเวลาสั้นๆ

เพื่อป้องกันไม่ให้คำขออนุญาตส่งการแจ้งเตือนจากเว็บไซต์นี้ไม่ปรากฏขึ้นเมื่อคุณเยี่ยมชมเว็บไซต์นี้อีก ให้คลิกที่ปุ่ม "บล็อก"

หากคุณได้รับข้อความพุชจากไซต์ใดไซต์หนึ่งอยู่แล้ว ผู้ใช้สามารถปิดใช้งานการแจ้งเตือนแบบพุชได้ด้วยตนเองในเบราว์เซอร์ ซึ่งพวกเขาอนุญาตให้รับการแจ้งเตือนบนคอมพิวเตอร์ของตนได้

วิธีลบการแจ้งเตือนแบบพุชหลังจากได้รับการแจ้งเตือน

ในการแจ้งเตือนจำนวนมาก คุณสามารถปิดการแจ้งเตือนแบบพุชได้โดยตรงในหน้าต่างของข้อความที่เปิดอยู่ ทั้งนี้ขึ้นอยู่กับการตั้งค่าของบริการที่ส่งการแจ้งเตือน

ในการดำเนินการนี้ ให้คลิกที่ไอคอนการตั้งค่า (รูปเฟือง) จากนั้นเลือก "ปิดการแจ้งเตือนจากเว็บไซต์"

หลังจากนั้น การแจ้งเตือนจากเว็บไซต์นี้จะไม่ปรากฏบนคอมพิวเตอร์ของคุณอีกต่อไป

วิธีปิดการใช้งานการแจ้งเตือนแบบพุชใน Google Chrome

ป้อนการตั้งค่าของเบราว์เซอร์ Google Chrome เลื่อนเมาส์ลง คลิกลิงก์ "ขั้นสูง"

ในส่วน "ความเป็นส่วนตัวและความปลอดภัย" ให้คลิกที่ปุ่ม "การตั้งค่าไซต์" ในหน้าต่าง "การตั้งค่าไซต์" ที่เปิดขึ้น ให้ค้นหาส่วน "การแจ้งเตือน"

คุณสามารถตั้งค่าการรับการแจ้งเตือนจากเว็บไซต์ได้ที่นี่ ตามค่าเริ่มต้น ระบบจะเลือก "ขออนุญาตก่อนส่ง (แนะนำ)"

หากต้องการลบข้อความ Push ในเบราว์เซอร์ Google Chrome ให้เปิดใช้งานตัวเลือก "ไม่แสดงการแจ้งเตือนบนไซต์"

เพื่อป้องกันไม่ให้ได้รับการแจ้งเตือนจากเว็บไซต์ใดไซต์หนึ่ง ให้คลิกปุ่ม "เพิ่ม" ซึ่งอยู่ตรงข้ามกับพารามิเตอร์ "บล็อก"

ในหน้าต่าง "เพิ่มไซต์" ให้ป้อนที่อยู่ไซต์ จากนั้นคลิกปุ่ม "เพิ่ม"

ในการกำหนดค่าการรับข้อความพุช ให้คลิกที่ปุ่ม "เพิ่ม" ที่อยู่ตรงข้ามกับตัวเลือก "อนุญาต"

ในหน้าต่างที่เปิดขึ้น ให้เพิ่มไซต์ที่ต้องการลงในรายการไซต์ที่คุณได้รับอนุญาตให้รับการแจ้งเตือนในเบราว์เซอร์ Google Chrome

วิธีปิดการใช้งานข้อความพุชใน Mozilla Firefox (1 วิธี)

ป้อนการตั้งค่าเบราว์เซอร์ Mozilla Firefox เปิดส่วน "ความเป็นส่วนตัวและความปลอดภัย" ในตัวเลือก "สิทธิ์" ให้ไปที่ตัวเลือก "การแจ้งเตือน"

ทำเครื่องหมายที่ช่องถัดจาก ปิดการแจ้งเตือนจนกว่า Firefox จะรีสตาร์ท หลังจากนั้น การแจ้งเตือนแบบพุชจะไม่แสดงจนกว่าเบราว์เซอร์ Mozilla Firefox จะถูกปิดใช้งาน

หากต้องการจัดการการแจ้งเตือน ให้คลิกที่ปุ่ม "การตั้งค่า..." ในหน้าต่าง "ตัวเลือก - การอนุญาตให้แสดงการแจ้งเตือน" มีรายการไซต์ การแจ้งเตือนที่อนุญาตหรือบล็อก

หากไซต์มีสถานะ "บล็อก" อยู่ข้างๆ การแจ้งเตือนจากไซต์นี้จะไม่ปรากฏบนคอมพิวเตอร์ของคุณ เนื่องจากก่อนหน้านี้คุณได้บล็อกคำขอให้ส่งการแจ้งเตือนจากเว็บไซต์นี้

หากสถานะ "อนุญาต" อยู่ถัดจากที่อยู่ไซต์ การแจ้งเตือนจากไซต์นี้จะปรากฏบนพีซีของคุณ

คุณสามารถลบไซต์ใดก็ได้ออกจากรายการโดยใช้ปุ่ม "ลบเว็บไซต์" หรือลบไซต์ทั้งหมดออกจากรายการโดยคลิกปุ่ม "ลบเว็บไซต์ทั้งหมด"

หลังจากนั้น การแจ้งเตือนใหม่จากไซต์ระยะไกลจะไม่ปรากฏบนเดสก์ท็อปของคอมพิวเตอร์ของคุณ เมื่อคุณเยี่ยมชมไซต์นี้อีกครั้ง ให้ปฏิเสธคำขอรับการแจ้งเตือน

หากต้องการบล็อกข้อความใหม่จากเว็บไซต์อื่นนอกเหนือจากที่อยู่ในรายการนี้ ให้เลือกช่อง "บล็อกคำขอใหม่เพื่อส่งการแจ้งเตือนถึงคุณ"

หากต้องการตั้งค่าลำดับการรับการแจ้งเตือนให้เสร็จสิ้น ให้คลิกที่ปุ่ม "บันทึกการเปลี่ยนแปลง"

วิธีลบการแจ้งเตือนแบบพุชใน Mozilla Firefox (2 วิธี)

หากต้องการปิดการแจ้งเตือนอย่างสมบูรณ์ในเบราว์เซอร์ Mozilla Firefox คุณต้องป้อนการตั้งค่าเบราว์เซอร์ที่ซ่อนอยู่

พิมพ์นิพจน์ในแถบที่อยู่: "about:config" (โดยไม่ใส่เครื่องหมายอัญประกาศ) ในหน้าต่างที่เปิดขึ้น ให้คลิกที่ปุ่ม "ฉันยอมรับความเสี่ยง!"

ในหน้าต่างใหม่ ป้อนนิพจน์ในช่อง "ค้นหา": "dom.webnotifications.enabled" (โดยไม่ใส่เครื่องหมายคำพูด) จากนั้นกดปุ่ม "Enter"

การตั้งค่านี้มีค่าเริ่มต้นเป็น "จริง" เลือกบรรทัด คลิกขวา เลือก "สลับ" จากเมนูบริบท ค่าของพารามิเตอร์จะเปลี่ยนเป็น "เท็จ"

วิธีปิดการใช้งานการแจ้งเตือนแบบพุชใน Yandex.Browser

เข้าสู่การตั้งค่า Yandex Browser ไปที่แท็บ "Sites"

ในส่วน "ไซต์" ให้ไปที่ตัวเลือก "คำขอส่งการแจ้งเตือน" มีสามตัวเลือกสำหรับการดำเนินการที่นี่:

• แสดงคำขอส่ง (แนะนำ)
• ไม่แสดงคำขอส่ง
• สมัครรับการแจ้งเตือนโดยอัตโนมัติ

เลือกตัวเลือกที่ต้องการซึ่งควบคุมขั้นตอนในการรับข้อความพุช หากต้องการปิดใช้งานการแจ้งเตือนแบบพุชทั้งหมดใน Yandex Browser ให้เลือกตัวเลือก "ไม่แสดงคำขอส่ง"

หากคุณต้องการกำหนดค่าการรับการแจ้งเตือนแต่ละรายการ ให้คลิกที่ลิงก์ "บนไซต์อื่น" ถัดไป ในหน้าต่าง "การส่งการแจ้งเตือน" เลือกข้อความ Push ที่คุณต้องการบล็อกและรายการที่จะอนุญาต

เปิดแท็บ "อนุญาต" หรือ "ต้องห้าม" โดยใช้ปุ่ม "เพิ่ม" เพิ่มลิงก์ไปยังไซต์ในส่วนที่เหมาะสม

วิธีปิดการแจ้งเตือนแบบพุชใน Opera

เข้าสู่เมนูเบราว์เซอร์ Opera คลิกที่รายการเมนูบริบท "การตั้งค่า" จากนั้นเลือกส่วน "ขั้นสูง" คลิก "ความปลอดภัย"

ในส่วนความเป็นส่วนตัวและความปลอดภัย ให้เลือกตัวเลือกการตั้งค่าเนื้อหา ค้นหาตัวเลือก "การแจ้งเตือน"

ในหน้าต่างการแจ้งเตือน ตัวเลือก "ขออนุญาตก่อนส่ง (แนะนำ)" จะเปิดใช้งานตามค่าเริ่มต้น

ที่นี่คุณต้องเพิ่มไซต์ในส่วน "บล็อก" หรือ "อนุญาต"

วิธีปิดการใช้งานการแจ้งเตือนแบบพุชใน Microsoft Edge

ลงชื่อเข้าใช้การตั้งค่าเบราว์เซอร์ Microsoft Edge เลือก "ตัวเลือก" ในหน้าต่าง "ตัวเลือก" ให้คลิกที่ "ดูตัวเลือกขั้นสูง" ในหน้าต่าง "ตัวเลือกขั้นสูง" เลือก "การแจ้งเตือน" จากนั้นคลิกที่ปุ่ม "จัดการ"

หน้าต่างจัดการการแจ้งเตือนจะแสดงไซต์ที่ขออนุญาตแสดงการแจ้งเตือน คุณสามารถเปลี่ยนการอนุญาตสำหรับไซต์เฉพาะได้

บทสรุปของบทความ

ผู้ใช้สามารถปิดใช้งานการแจ้งเตือนแบบพุช (พุช) ได้อย่างอิสระในเบราว์เซอร์ที่เขาได้รับบนเดสก์ท็อปของคอมพิวเตอร์ ทำให้สามารถส่งการแจ้งเตือนจากเว็บไซต์เฉพาะได้

แน่นอนว่าทุกคนที่ใช้ Google Mail อย่างน้อยหนึ่งครั้งเห็นการแจ้งเตือนเช่นนี้:

การแจ้งเตือนของ gmail

การแจ้งเตือนเหล่านี้เรียกว่าการแจ้งเตือน HTML5 และมองเห็นได้แม้ว่าคุณจะสลับไปที่แท็บอื่นหรือย่อขนาดเบราว์เซอร์ทั้งหมด

หลังจากอ่านบทความนี้แล้ว คุณจะสามารถทำการแจ้งเตือนแบบเดียวกันสำหรับเว็บไซต์ของคุณได้ โค้ดนี้เรียบง่าย ข้ามแพลตฟอร์ม และการส่งการแจ้งเตือนโดยตรงใช้เวลาเพียง 1 บรรทัดใน JavaScript ที่คุณชื่นชอบ

นอกจากนี้ ในตอนท้ายของบทความยังมีฟังก์ชันสำเร็จรูปซึ่งคุณสามารถเริ่มส่งการแจ้งเตือนโดยไม่ต้องลงรายละเอียด

ตาม caniuse.com ตอนนี้การแจ้งเตือนดังกล่าว (การแจ้งเตือน HTML5) ทำงานในเบราว์เซอร์ Chrome, Firefox (35+), Opera (27+), Safari (7.1+) Internet Explorer ไม่มีการสนับสนุนอินเทอร์เน็ตสำหรับการแจ้งเตือน หากเราพิจารณาแพลตฟอร์มมือถือ เฉพาะเบราว์เซอร์ Android เท่านั้นที่รองรับการแจ้งเตือน HTML5 บางส่วน

ก่อนที่เราจะสามารถส่งการแจ้งเตือนได้โดยตรง เราต้องได้รับอนุญาตก่อน
คุณสามารถทำได้โดยใช้เมธอด Notification.requestPermission() :

Notification.requestPermission(function(permission)( // ตัวแปรการอนุญาตมีผลลัพธ์ของการร้องขอ console.log("ผลการขออนุญาต:", การอนุญาต); ));

หลังจากดำเนินการตามวิธีการ ผลลัพธ์ของการขออนุญาตจะถูกเก็บไว้ในตัวแปรการอนุญาต

นี่คือความหมายที่แตกต่างกันพร้อมคำอธิบาย:

• ค่าเริ่มต้น - ไม่ได้ส่งคำขอรับสิทธิ์
• ได้รับ - ผู้ใช้ได้รับอนุญาตให้แสดงการแจ้งเตือน
• ถูกปฏิเสธ - ผู้ใช้ปฏิเสธที่จะแสดงการแจ้งเตือน

เมื่อได้รับสิทธิ์แล้ว เราสามารถดำเนินการส่งการแจ้งเตือนได้โดยตรง
ทำได้ง่ายมากในบรรทัดเดียว:

การแจ้งเตือน Var = การแจ้งเตือนใหม่ (ชื่อ, ตัวเลือก);

ชื่อเรื่อง - ชื่อการแจ้งเตือน

ตัวเลือก (ไม่บังคับ) มีตัวเลือกดังต่อไปนี้:

• เนื้อหา - เนื้อหาการแจ้งเตือน (ข้อความเนื้อหา) ที่ถูกตัดทอนในเบราว์เซอร์และระบบปฏิบัติการที่แตกต่างกัน (เช่น ใน Chrome ภายใต้ Win 8.1 ความยาวสูงสุดคือ 200 อักขระ)
• dir - ทิศทางการแสดงการแจ้งเตือน สามารถเป็นอัตโนมัติ ltr (ซ้ายไปขวา) หรือ rtl (ขวาไปซ้าย);
• lang - ภาษาแจ้งเตือน;
• แท็ก - ตัวระบุการแจ้งเตือนเฉพาะที่สามารถใช้เพื่อแทนที่ด้วยการแจ้งเตือนอื่นหรือลบออก
• ไอคอน - URL ของรูปภาพที่จะแสดงในการแจ้งเตือน (แนะนำความละเอียด 40×40 พิกเซล)

ลองตั้งค่าพารามิเตอร์และส่งการแจ้งเตือน:

การแจ้งเตือน Var = การแจ้งเตือนใหม่ ("ต้องใช้โปรแกรมเมอร์ TYU จำนวนเท่าใดในการขันหลอดไฟ", ( เนื้อหา: "คุณเท่านั้น!", dir: "auto", ไอคอน: "icon.jpg" ));

ผลลัพธ์ของการรันโค้ดด้านบน

การแจ้งเตือนยังมี onclick , onshow , onerror , onclose วิธีจัดการเหตุการณ์:

ฟังก์ชัน clickFunc() ( alert("ผู้ใช้คลิกการแจ้งเตือน"); ) notification.onclick = clickFunc;

ผลลัพธ์:

เมื่อคลิก

ฟังก์ชั่นเดียวสำหรับทุกสิ่ง

ตอนนี้เราจะรวบรวมทุกอย่างในฟังก์ชันเดียวและเพิ่มการตรวจสอบข้อผิดพลาด:

ฟังก์ชั่น sendNotification(ชื่อ, ตัวเลือก) ( // ตรวจสอบว่าเบราว์เซอร์รองรับการแจ้งเตือน HTML5 หรือไม่ ถ้า (!("การแจ้งเตือน" ในหน้าต่าง)) ( alert("เบราว์เซอร์ของคุณไม่รองรับการแจ้งเตือน HTML จำเป็นต้องอัปเดต"); ) // ตรวจสอบว่ามีสิทธิ์ในการส่งการแจ้งเตือนอื่นหรือไม่หาก (Notification.permission === "ได้รับ") ( // หากมีสิทธิ์ส่งการแจ้งเตือน var alert = new Notification (ชื่อ, ตัวเลือก); ฟังก์ชัน clickFunc() ( alert("ผู้ใช้คลิกไปที่การแจ้งเตือน"); ) notification.onclick = clickFunc; ) // หากไม่มีสิทธิ์ ให้ลองรับอย่างอื่นหาก (Notification.permission !== "denied") ( Notification.requestPermission( ฟังก์ชั่น (อนุญาต) ( // หากได้รับสิทธิ์สำเร็จให้ส่งการแจ้งเตือนหาก (อนุญาต === "ได้รับ") ( var alert = การแจ้งเตือนใหม่ (ชื่อ, ตัวเลือก); ) อื่น ๆ ( alert("คุณปฏิเสธการแสดงการแจ้งเตือน "); // ผู้ใช้ปฏิเสธคำขอให้แสดงการแจ้งเตือนของเรา ) ) ); ) else ( // ผู้ใช้เคยปฏิเสธคำขอให้แสดงการแจ้งเตือนของเรา // ณ จุดนี้ เราทำได้ แต่เราจะไม่รบกวนเขา เคารพการตัดสินใจของผู้ใช้ของคุณ )

ตอนนี้เรามีคุณสมบัติที่ดีที่ทำให้ง่ายต่อการส่งการแจ้งเตือนโดยไม่ต้องขอสิทธิ์หรือการสนับสนุนเบราว์เซอร์:

SendNotification("นำ Linus กลับมา!", ( เนื้อหา: "การทดสอบการแจ้งเตือน HTML5", ไอคอน: "icon.jpg", dir: "auto" ));

ผลลัพธ์ของการเรียกใช้ฟังก์ชันในเบราว์เซอร์ต่างๆ: