ฉันต้องการแสดงความขอบคุณต่อมิคาอิลบาซารอฟทันทีสำหรับบทความในบล็อกของเขาซึ่งเป็นแรงบันดาลใจให้ฉันก้าวต่อไปและใช้การตรวจจับอัตโนมัติของไซต์เวอร์ชันมือถือในเวอร์ชันที่ทันสมัยยิ่งขึ้น ขอขอบคุณ Stanislav Sazonov มากสำหรับเคล็ดลับของเขาและแนะนำให้ฉันรู้จักกับเทคโนโลยี Bootstrap
การแสดงเนื้อหาก็ไม่ได้สร้างความแตกต่างมากนัก แต่เพื่อที่จะแสดงเนื้อหานี้บนจอแสดงผลอุปกรณ์ของคุณ จะต้องดาวน์โหลดเนื้อหานั้นก่อน จะเป็นการดีหากผู้ใช้เชื่อมต่อกับจุดเชื่อมต่ออินเทอร์เน็ตความเร็วสูง ตามหลักการแล้ว นี่คือแล็ปท็อปที่ลงชื่อเข้าใช้เวิลด์ไวด์เว็บผ่านจุดเชื่อมต่อ Wi-Fi แต่เราใช้เวลาและความกังวลไปมากขนาดไหนในกรณีเหล่านั้นเมื่อเรามีโทรศัพท์มือถืออยู่ในมือและการเชื่อมต่อไม่ใช่ 3G แต่เป็น GPRS ธรรมดา
ตอนนี้ลองจินตนาการว่าไซต์ที่คุณต้องการมีเพียงเทมเพลตไซต์เวอร์ชันดั้งเดิมเต็มรูปแบบเท่านั้น เวอร์ชันนี้สวยงามมาก ด้วยภาพเคลื่อนไหว รูปภาพ สไตล์ สคริปต์ และโค้ดอื่นๆ อีกเพียบ คุณมาที่ไซต์นี้... 10 วินาที 20... และเราทุกคนก็รออยู่ ในสภาวะที่เลวร้ายที่สุด เวลาตั้งแต่การคลิกลิงก์ไปจนถึงการดาวน์โหลดเนื้อหาและการแสดงเนื้อหาบนจอแสดงผลอาจใช้เวลานานถึงหนึ่งนาที มีหลายกรณีและยากขึ้น ... เป็นยังไงบ้าง? แต่เรามีการออกแบบที่ปรับเปลี่ยนได้ ควรแสดงได้อย่างสวยงามบนโทรศัพท์มือถือ โดยไม่มีภาพเคลื่อนไหวและรูปภาพขนาดใหญ่
มันจะแสดงขึ้นมาแต่ระหว่างโหลดมันจะดึงเนื้อหาทั้งหมดขึ้นมา แม้แต่อันที่ไม่แสดงก็ตาม จะทำอย่างไร? ทุกอย่างง่ายมาก - คุณต้องมีเทมเพลตไซต์แยกต่างหากและปรับเปลี่ยนได้
ดังนั้นสุภาพบุรุษ! สิ่งแรกที่เราต้องทำคือสร้างโดเมนย่อยสำหรับโดเมนหลักของเรา ไม่ควรสร้างวงล้อขึ้นมาใหม่ แต่ควรสร้างโดเมนย่อย เช่น . บนอินเทอร์เน็ต ฉันเห็นว่าพวกเขาอธิบายการเชื่อมต่อเทมเพลตต่างๆ โดยไม่ต้องสร้างชื่อแทนโดเมนสำหรับเวอร์ชันมือถือ ทุกอย่างเรียบร้อยดี แต่เราเป็นผู้ใช้ Bitrix และเราใช้เทคโนโลยี "ไซต์คอมโพสิต" และหากแสดงเทมเพลตที่แตกต่างกันในที่อยู่เดียวกัน ความหมายของคอมโพสิตจะหายไปเนื่องจากแคชจะถูกเขียนทับอย่างต่อเนื่อง ฉันเคยผ่านเรื่องนี้มาแล้ว ดังนั้นเราจึงต้องมีชื่อแทนโดเมนเพิ่มเติม
คำตอบ: จำเป็น
ตามสถิติ ผู้ใช้เข้าชมเว็บไซต์ผ่านอุปกรณ์มือถือมากขึ้น เช่น สมาร์ทโฟนและแท็บเล็ต
หากผู้ใช้ป้อนคำค้นหาในแถบค้นหาจากอุปกรณ์มือถือ แสดงว่าเครื่องมือค้นหาในประเด็นนั้น ให้ความสำคัญกับไซต์ที่มีเวอร์ชันสำหรับมือถือ.
รูปภาพนี้แสดงการตรวจสอบไซต์ใน Yandex คุณสามารถไปที่เว็บมาสเตอร์ Yandex และดูว่าไซต์เวอร์ชันมือถือของคุณตรงตามข้อกำหนดของ Yandex หรือไม่ การวิเคราะห์สามารถทำได้โดยไปที่ส่วนที่ต้องการ:
หากเป็นเวอร์ชั่นมือถือของเว็บไซต์ ตรงตามความคาดหวังของยานเดกซ์จากนั้นยานเดกซ์จะเขียนว่า "ทุกอย่างเป็นไปตามลำดับ!"
ในภาพที่สอง - เช็คที่คล้ายกันใน Google การยืนยันออนไลน์สามารถทำได้โดยผู้ใช้อินเทอร์เน็ตไม่จำเป็นต้องลงทะเบียนที่ไหน ตามลิงค์ป้อนที่อยู่เว็บไซต์แล้วคลิกปุ่ม "วิเคราะห์" ที่นี่คุณสามารถตรวจสอบวิธีที่ Google ประเมินไม่เพียงแต่เวอร์ชันมือถือของไซต์ แต่ยังรวมถึงคอมพิวเตอร์ทั่วไปด้วย คะแนนจะได้รับเป็นเปอร์เซ็นต์ตั้งแต่ 0 ถึง 100%
ดังนั้นเครื่องมือค้นหาจึงกำหนดข้อกำหนดหลายประการสำหรับเว็บไซต์เวอร์ชันมือถือ เพื่อให้โหลดได้รวดเร็วไม่มีการเลื่อนแนวนอน มีลิงค์ขนาดใหญ่ (ใช้นิ้วกดบนสมาร์ทโฟนได้ไม่พลาด) เพื่อให้ข้อความไม่เล็กเกินไปและสามารถอ่านได้สบาย ๆ ทุกอย่างมีจุดมุ่งหมายเพื่อให้ผู้ใช้สามารถดูไซต์ของคุณจากอุปกรณ์เคลื่อนที่ได้อย่างสะดวก.
ฉันเสนอไซต์เวอร์ชันมือถือให้กับลูกค้าของฉันด้วยการออกแบบนี้ ตัวอย่างแสดงไว้ด้านล่าง:
เค้าโครงมีการควบคุม:
เมนูจะแสดงส่วนหลักของเว็บไซต์ หากต้องการ คุณสามารถลบบางส่วนออกจากเวอร์ชันมือถือได้
เทมเพลตไม่มีการเลื่อนแนวนอน เทมเพลตจะปรับให้เข้ากับอุปกรณ์ อีกด้วย เทมเพลตไม่มีสคริปต์จาวาเพิ่มเติมซึ่งทำให้การแสดงผลหน้าเว็บแก่ผู้ใช้ช้าลงหรือทำให้ช้าลงอย่างใด สคริปต์ Java ได้รับการตั้งค่าเป็นขั้นต่ำและจำเป็นสำหรับเวอร์ชันมือถือเท่านั้นจึงจะใช้งานได้
เทมเพลตใช้รูปแบบที่ตอบสนอง ความกว้างเทมเพลตขั้นต่ำคือ 300px ตัวเลขนี้อิงจากการสังเกตอุปกรณ์ของผู้ใช้ ขีดจำกัดสูงสุดของความกว้างหน้าจอที่ฉันมักจะเน้นคือ 1199 พิกเซล เหนือค่านี้คือเวอร์ชันปกติของไซต์
หากผู้ใช้เข้าสู่ระบบจากอุปกรณ์มือถือ (สมาร์ทโฟนหรือแท็บเล็ต) ระบบก็จะเข้าสู่ระบบ โดยอัตโนมัติมันกำหนดและ แสดงผลเทมเพลตไซต์บนมือถือ. การเปลี่ยนเส้นทางไปยังเวอร์ชันมือถือของไซต์จะขึ้นอยู่กับชื่อเบราว์เซอร์ของอุปกรณ์ของผู้ใช้ ตามกฎแล้วบรรทัดเบราว์เซอร์ของโทรศัพท์ประกอบด้วยคำเช่น: iPhone, Android, webOS, BlackBerry, iPod, iPad เมื่อเปลี่ยนเส้นทางไปยังเว็บไซต์เวอร์ชันมือถือ URL ของหน้าไม่เปลี่ยนแปลง
เครื่องมือค้นหา Google และ Yandex ถือว่าเทมเพลตนี้เหมาะสมที่สุดทั้งในด้านประสิทธิภาพและความเป็นมิตรต่อผู้ใช้
คุณสามารถสั่งซื้อเว็บไซต์เวอร์ชันมือถือได้จากฉัน ค่าใช้จ่ายในการติดตั้งเทมเพลตดังกล่าวบนเว็บไซต์คือ 5,000 รูเบิลหากไซต์มีส่วนขนาดใหญ่ (เช่น แคตตาล็อกผลิตภัณฑ์ ข่าวสาร บทความ ฯลฯ) ค่าใช้จ่ายในการปรับใช้ส่วนดังกล่าวสำหรับอุปกรณ์มือถือจะมีการเจรจาแยกกัน และขึ้นอยู่กับปริมาณงาน
หากคุณต้องการการพัฒนาด้วยดีไซน์ที่แตกต่าง หรือมีไอเดีย ฉันจะสร้างเวอร์ชันสำหรับมือถือตามที่คุณต้องการ
คุณต้องการเว็บไซต์เวอร์ชันมือถือหรือไม่? - ติดต่อเรา เราจะจัดเตรียมให้!
บ่อยครั้งจำเป็นต้องเปลี่ยนหรือเสริมองค์ประกอบบางส่วนของเทมเพลต หรือทำซ้ำเทมเพลตทั้งหมด โดยปกติแล้ว สำหรับการเปลี่ยนแปลงการออกแบบบนไซต์โดยสมบูรณ์ ไซต์ทดสอบจะถูกสร้างขึ้นบนโดเมนย่อยและดำเนินการแก้ไขเทมเพลตดังกล่าว วิธีการนี้ไม่ใช่วิธีที่ง่ายที่สุด เนื่องจากอาจทำให้เกิดปัญหาในการย้ายไปยังโดเมนหลักได้ ในขณะนี้ ไซต์เวอร์ชันมือถือจำเป็นไม่เพียงเพื่อความสะดวกของผู้ใช้เท่านั้น แต่เครื่องมือค้นหายังต้องการไซต์ที่มีเวอร์ชันมือถือมากขึ้น การใช้วิธีนี้ทำให้คุณสามารถปรับใช้เทมเพลตสำหรับเวอร์ชันมือถือได้อย่างง่ายดายโดยไม่ต้องหยุดโครงการที่มีอยู่ตอนนี้สำเนาเทมเพลตของคุณจะปรากฏขึ้นหากคุณส่งพารามิเตอร์นี้ไปยัง url ดังต่อไปนี้ site.ru/?test=Y โดยที่ site.ru คือโดเมนของเว็บไซต์ของคุณ เงื่อนไขนี้จะใช้ได้กับทุกส่วนและทุกหน้าในเว็บไซต์ของคุณ ตัวอย่างเช่น หากคุณต้องการดูว่าเทมเพลตจะมีลักษณะอย่างไรในบางส่วนของเว็บไซต์ ให้ไปที่ส่วนนี้และส่งพารามิเตอร์ของคุณ ในกรณีนี้ ทดสอบ= Y และเพจจะแสดงด้วยเทมเพลตใหม่
ตอนนี้คุณสามารถแก้ไขเทมเพลตใหม่ในขณะที่ผู้เยี่ยมชมเห็นไซต์ได้ตามปกติ โปรดทราบว่าการเปลี่ยนแปลงทั้งหมดจะต้องทำในโฟลเดอร์เทมเพลตใหม่ และหากคุณต้องการเปลี่ยนเทมเพลตส่วนประกอบที่ไม่ได้อยู่ในโฟลเดอร์ คุณจะต้องคัดลอกเทมเพลตส่วนประกอบไปยังโฟลเดอร์ด้วยเทมเพลตใหม่ ไม่ว่าในกรณีใด ห้ามแก้ไขส่วนประกอบในโฟลเดอร์ /bitrix ซึ่งอาจนำไปสู่ผลลัพธ์ร้ายแรงได้ และทำการสำรองข้อมูลใน 1C-Bitrix Cloud เสมอ
นั่นคือเทคนิคทั้งหมดจริงๆ เราหวังว่ามันจะช่วยคุณประหยัดเวลาได้
ใน Bitrix24 คุณสามารถทำงานไม่เพียงแต่บนคอมพิวเตอร์ในสำนักงาน แต่ยังทำงานนอกสำนักงาน จากสนามบิน ร้านกาแฟ จากทุกที่ที่มีอินเทอร์เน็ต แอปพลิเคชันมือถือ Bitrix24 จะช่วยคุณในเรื่องนี้
แอปพลิเคชันมือถือ Bitrix24 เป็นแอปพลิเคชันฟรีที่ใช้งานได้กับอุปกรณ์ iPhone, iPad และ Android
ตอนนี้ฉันจะบอกคุณว่าแอปพลิเคชันนี้สามารถทำอะไรได้บ้าง
ประการแรก มันเป็นเรื่องของการสื่อสารเป็นหลัก - การแชทกับเพื่อนร่วมงานและการแชทกับลูกค้า (สายเปิด):
คุณสามารถสร้างแชทใหม่ได้จากแอปมือถือ เช่นเดียวกับที่สร้างจากเบราว์เซอร์หรือแอปเดสก์ท็อป!
ในการดำเนินการนี้เพียงคลิกที่ไอคอน + ที่มุมขวา เลือกประเภทแชท (แชทเปิดหรือแชทส่วนตัว) แล้วเชิญพนักงานเข้าร่วม
ในรายการแชท มีการเพิ่มความสามารถในการปักหมุดและเลิกปักหมุดกล่องโต้ตอบที่ด้านบนของรายการ - ตัวเลือก ปักหมุด/เลิกปักหมุดเช่นเดียวกับการซ่อนกล่องโต้ตอบ - ตัวเลือก ลบ:
ในการแชทกลุ่ม คุณยังคงปิดและเปิดการแจ้งเตือนได้โดยใช้ตัวเลือก ห้ามติดตาม/ติดตามในรายการแชท ตัวเลือกเดียวกันนี้มีอยู่ในการแชทเป็นกลุ่ม:
คุณสามารถเชิญพนักงานเข้าร่วมแชทได้ครั้งละหนึ่งคน หรือทั้งแผนกหรือแผนกย่อยก็ได้ และหากคุณเป็นเจ้าของแชท คุณสามารถแต่งตั้งเจ้าของคนใหม่ได้ในแชทนั้น รวมถึงแยกผู้ใช้ออกจากแชทด้วย
ในการดำเนินการนี้ ให้เปิดส่วนผู้เข้าร่วมแชทแล้วปัดจากขวาไปซ้าย (ปัด) บนผู้เข้าร่วมแล้วเลือกรายการที่ต้องการ
ดูฟีดสด แสดงความคิดเห็น และข้อความถูกใจของเพื่อนร่วมงาน ส่งรูปภาพจากโทรศัพท์ของคุณไปยังฟีดโดยตรง แบบฟอร์มสำหรับสร้างข้อความได้รับการดัดแปลงเป็นพิเศษสำหรับ iOS และ Android:
เพียงปลายนิ้วสัมผัส คุณจะมีรายชื่อผู้ติดต่อของเพื่อนร่วมงานที่สมบูรณ์และอัปเดตอยู่เสมอ ใน Bitrix24 เวอร์ชันมือถือ การค้นหาข้อมูลเกี่ยวกับพนักงานที่ต้องการนั้นง่ายเหมือนบนพอร์ทัล - เพียงไปที่เมนูหลักในส่วน พนักงาน:
คุณสามารถซิงโครไนซ์ผู้ติดต่อทางโทรศัพท์และพอร์ทัลได้ในส่วนนี้ การตั้งค่า > การซิงโครไนซ์การใช้งาน
คุณจะพบการตั้งค่าแอปพลิเคชันทั้งหมดได้ในที่เดียว โดยไปที่แท็บ มากกว่าและเรียกเมนูการตั้งค่าด้านบน
การตั้งค่าแอปพลิเคชันมือถือแบ่งออกเป็นหลายกลุ่ม:
บท
รับการแจ้งเตือน– เปิดหรือปิดความสามารถในการรับการแจ้งเตือนแบบพุช
การกรองอัจฉริยะ– หากเปิดใช้งานตัวเลือกนี้ ขณะที่คุณทำงานในแอปพลิเคชันเดสก์ท็อป แอปพลิเคชันมือถือจะไม่ได้รับการแจ้งเตือน มีประโยชน์สำหรับการประหยัดแบตเตอรี่
เคาน์เตอร์รับสมัคร– การตั้งค่านี้กำหนดว่าตัวนับเครื่องมือใด (เช่น ตัวนับฟีดสดหรือแชท) ที่จะส่งผลต่อตัวนับแอปพลิเคชันทั้งหมดบนไอคอนเดสก์ท็อป
นอกจากนี้ ในส่วนนี้ คุณสามารถปิดใช้งานการแจ้งเตือนแอปพลิเคชันมือถือประเภทที่ไม่จำเป็นในข้อความ ปฏิทิน แชท งาน และระบบโทรศัพท์ได้
บทที่.
ที่นี่คุณสามารถสร้างโปรไฟล์การซิงโครไนซ์ผู้ติดต่อและปฏิทินได้
นี่เป็นส่วนหนึ่งของการตั้งค่าระบบบนอุปกรณ์ Android ซึ่งคุณสามารถกำหนดค่าการซิงโครไนซ์เพิ่มเติมได้โดยละเอียดยิ่งขึ้น
การตั้งค่า Bitrix24:
- ปิดหรือเปิดใช้งานการสั่นสะเทือนในแอปพลิเคชัน
ใช้ธีมสว่าง- เปลี่ยนธีมสีของแอปพลิเคชัน
หน่วยความจำ- ในส่วนนี้คุณสามารถล้างแคชของแอปพลิเคชันและเอกสารที่ดาวน์โหลดได้
ไฟล์– ที่นี่คุณเลือกขนาดและคุณภาพของไฟล์วิดีโอที่ส่งไปยังฟีดสดหรือแชท
เสียง- คุณสามารถปรับแต่งเสียงการแจ้งเตือนได้
สิทธิ์- ในส่วนนี้ คุณสามารถจัดการสิทธิ์การเข้าถึงภาพถ่าย กล้อง ไมโครโฟน และตำแหน่งทางภูมิศาสตร์ได้
เวอร์ชันแอปพลิเคชัน– ข้อมูลเกี่ยวกับหมายเลขเวอร์ชันของแอปพลิเคชัน
ตอนนี้คุณสามารถเริ่มต้นและสิ้นสุดวันทำงานของคุณ รวมถึงหยุดพักจากโทรศัพท์มือถือของคุณ:
ในแอปพลิเคชันมือถือ คุณสามารถสร้างงาน ควบคุมการดำเนินการ และตรวจสอบสถานะได้ ในงานมือถือ การดำเนินการใดๆ กับงานที่มีอยู่ใน Bitrix24 จะพร้อมใช้งาน หากแนบไฟล์ไปกับงาน ก็สามารถเปิดไฟล์เหล่านั้นบนอุปกรณ์มือถือได้เช่นกัน:
แอปพลิเคชันบนมือถือช่วยให้คุณสามารถดูเอกสาร การนำเสนอ และรูปภาพได้ ทุกอย่างที่คุณสามารถใช้ได้ตามสิทธิ์บนพอร์ทัล: ไฟล์ส่วนตัวของคุณ, ไฟล์สาธารณะของบริษัท, ไฟล์ของเพื่อนร่วมงานและกลุ่มของคุณ รองรับรูปแบบและเอกสารยอดนิยม: TXT, PNG, PDF, JPG, XLS, XLSX, DOC, DOCX, PPT, PPTX นอกจากนี้ยังมีการค้นหาในตัว - ในโฟลเดอร์ปัจจุบันตามชื่อและชื่อไฟล์:
สามารถดาวน์โหลดไฟล์จากโทรศัพท์มือถือได้เช่นเดียวกัน ดิสก์ของฉันแล้วแนบจากดิสก์กับงาน กับข้อความในสตรีมสดหรือในแชท หรือโดยตรง:
ความสนใจ!มีคุณสมบัติในการอัพโหลดไฟล์ภาพหรือวิดีโอ:
หากคุณอัพโหลดรูปภาพหรือวิดีโอก่อนเข้ามา ดิสก์ของฉันจากนั้นไฟล์ดังกล่าวจะไม่ถูกบีบอัด กล่าวคือ โหลดเป็นไฟล์ต้นฉบับ
หากคุณอัปโหลดรูปภาพหรือวิดีโอโดยตรงไปยังฟีดสด ความคิดเห็น งาน แชท ไฟล์ดังกล่าวจะถูกบีบอัด สิ่งนี้จะส่งผลต่อความเร็วในการดาวน์โหลดอย่างมาก สามารถปรับคุณภาพของวิดีโอที่ดาวน์โหลดได้ในส่วนนี้ การตั้งค่า > ไฟล์การใช้งาน
สามารถเลือกไฟล์ที่แตกต่างกันได้ถึง 10 ไฟล์ และในขณะที่ดาวน์โหลด คุณสามารถยกเลิกการถ่ายโอนไฟล์ได้
ปฏิทินบนมือถือแสดงรายการการนัดหมาย การวางแผนการประชุม การประชุม และกิจกรรมอื่นๆ ที่เป็นปัจจุบัน นอกจากนี้ จากอุปกรณ์เคลื่อนที่ คุณสามารถยอมรับคำเชิญหรือปฏิเสธที่จะเข้าร่วมการประชุม สร้างกิจกรรมใหม่และเชิญเพื่อนร่วมงานของคุณให้เข้าร่วมได้:
คุณสามารถซิงโครไนซ์เหตุการณ์ในโทรศัพท์และปฏิทินพอร์ทัลได้ในส่วนนี้ การตั้งค่า > การซิงโครไนซ์การใช้งาน
แอปพลิเคชันนี้ช่วยให้คุณสามารถทำงานกับองค์ประกอบ CRM เช่น เคส ผู้ติดต่อ บริษัท ข้อตกลง บัญชี ข้อเสนอ ลูกค้าเป้าหมาย ผลิตภัณฑ์ คุณสามารถสร้างโอกาสในการขายใหม่หรือเปลี่ยนสถานะของข้อตกลงในระหว่างการเจรจากับลูกค้าได้:
ในบทที่ รายชื่อผู้ติดต่อคุณสามารถทำการติดต่อใหม่ใน CRM ได้อย่างรวดเร็ว - ฟิลด์ทั้งหมดของนามบัตรจะได้รับการยอมรับและป้อนโดย CRM โดยอัตโนมัติเป็นผู้ติดต่อหรือบริษัทใหม่:
ระบบโทรศัพท์ Bitrix24 ยังใช้งานได้ในแอปมือถือด้วย! หากคุณต้องการสื่อสารเป็นการส่วนตัวและด้วยเสียงกับเพื่อนร่วมงาน คุณสามารถโทรหาเขาได้ และเมื่อคุณโทรหาลูกค้า คุณสามารถดูข้อมูลเกี่ยวกับข้อตกลงจาก CRM ได้ทันที Bitrix24 บันทึกการสนทนา การโทรถูกเปลี่ยนเส้นทางไปยังพนักงานคนอื่น (การเปลี่ยนเส้นทางไปยังโทรศัพท์มือถือใช้งานได้จากพอร์ทัลเท่านั้น ยังไม่สามารถเปลี่ยนเส้นทางการโทรจากแอปพลิเคชันมือถือ) การโอนสายอัตโนมัติไปยังบุคคลที่รับผิดชอบ และอื่นๆ อีกมากมาย:
การโทรด้วยเสียงและวิดีโอทำงานผ่าน Wi-Fi, LTE, 3G พร้อมรองรับ HD 16:9