Chcę od razu wyrazić wdzięczność Michaiłowi Bazarowowi za artykuł na jego blogu, który zainspirował mnie do pójścia dalej i wdrożenia bardziej zmodernizowanej wersji automatycznego wykrywania mobilnej wersji strony. Również wielkie podziękowania dla Stanislava Sazonova za jego wskazówki i wprowadzenie mnie w technologię Bootstrap.
W przypadku wyświetlania treści nie ma to większego znaczenia. Aby jednak wyświetlić tę zawartość na wyświetlaczu urządzenia, należy ją najpierw pobrać. Dobrze, jeśli użytkownik jest podłączony do szybkiego punktu dostępu do Internetu. Idealnie jest to laptop, który zalogował się do sieci World Wide Web za pośrednictwem punktu dostępu Wi-Fi. Ale ile nerwów i czasu tracimy w tych przypadkach, gdy mamy w ręku telefon komórkowy, a połączenie to nawet nie 3G, a zwykły GPRS.
Teraz wyobraź sobie, że witryna, której potrzebujesz, ma tylko pełną oryginalną wersję szablonu witryny. Ta wersja jest piękna: z animacjami, obrazami, stylami, skryptami i mnóstwem innych linii kodu. I tak trafiłeś na tę stronę... 10 sekund, 20... I wszyscy czekamy. W najgorszych warunkach czas od kliknięcia w link do pobrania treści i wyświetlenia jej na ekranie może zająć nawet minutę. Są przypadki i trudniejsze... Jak być? Ale mamy projekt adaptacyjny, powinien być pięknie wyświetlany na telefonach komórkowych, bez animacji i dużych obrazów.
Zostanie wyświetlony, ale podczas ładowania pobiera całą zawartość, nawet tę, która się nie wyświetla. Co robić? Wszystko jest bardzo proste - potrzebujesz osobnego, a także adaptacyjnego szablonu strony.
A więc panowie! Pierwszą rzeczą, którą musimy zrobić, to utworzyć subdomenę dla naszej domeny głównej. Najlepiej nie wymyślać koła na nowo, ale stworzyć subdomenę taką jak . W internecie zobaczyłem, że chłopaki opisują łączenie różnych szablonów bez tworzenia aliasu domeny dla wersji mobilnej. Wszystko jest w porządku, ale jesteśmy użytkownikami Bitrix i używamy technologii „Composite Site”. A jeśli różne szablony są wyświetlane pod tymi samymi adresami, znaczenie kompozytu zostanie utracone, ponieważ pamięć podręczna będzie stale nadpisywana. Już przez to przechodziłem. Potrzebujemy więc dodatkowego aliasu domeny.
Odpowiedź: potrzebne.
Według statystyk użytkownicy coraz częściej odwiedzają strony internetowe za pośrednictwem urządzeń mobilnych – smartfonów i tabletów.
Jeśli użytkownik wprowadzi zapytanie w pasku wyszukiwania z urządzenia mobilnego, wówczas wyszukiwarki w problemie preferuj witryny, które mają wersję mobilną.
To zdjęcie pokazuje sprawdzanie witryny w Yandex. Możesz przejść do webmastera Yandex i sprawdzić, czy mobilna wersja Twojej witryny spełnia wymagania Yandex. Analizę można wykonać, przechodząc do żądanej sekcji:
Jeśli mobilna wersja strony spełnia oczekiwania Yandex, wtedy Yandex napisze „Wszystko w porządku!”
Na drugim zdjęciu - podobne sprawdzenie w Google. Weryfikacji online może dokonać każdy internauta, nie trzeba się nigdzie rejestrować. Podążamy za linkiem, wpisujemy adres strony i klikamy przycisk „Analizuj”. Tutaj możesz sprawdzić, jak Google ocenia nie tylko mobilną wersję strony, ale także zwykłą wersję komputerową. Wynik podawany jest w procentach od 0 do 100%.
W związku z tym wyszukiwarki stawiają szereg wymagań dotyczących mobilnej wersji witryny. Żeby szybko się ładowała, nie ma przewijania w poziomie, są duże linki (które można wcisnąć palcem na smartfonie i nie przegapić), żeby tekst nie był za mały i wygodnie się go czytało. Wszystko ma na celu ułatwienie użytkownikowi przeglądania Twojej witryny z urządzenia mobilnego..
Swoim klientom oferuję wersję mobilną strony z tym projektem. Przykłady przedstawiono poniżej:
Układ ma elementy sterujące:
Menu zawiera główne sekcje witryny. W razie potrzeby niektóre sekcje można usunąć z wersji mobilnej.
Szablon nie posiada przewijania w poziomie, szablon dopasowuje się do urządzenia. Również szablon nie zawiera dodatkowych skryptów java, które spowalniają wyświetlanie strony użytkownikowi lub w jakiś sposób je spowalniają. Skrypty Java są ograniczone do minimum i są wymagane tylko do działania wersji mobilnej.
Szablon wykorzystuje responsywny układ. Minimalna szerokość szablonu to 300px. Ta liczba jest oparta na obserwacjach urządzeń użytkowników. Górna granica szerokości ekranu, na której zwykle się skupiam, to 1199 pikseli. Powyżej tej wartości znajduje się normalna wersja strony.
Jeżeli użytkownik loguje się z urządzenia mobilnego (smartfon lub tablet), to system automatycznie określa i renderuje szablon witryny mobilnej. Przekierowanie do mobilnej wersji serwisu odbywa się na podstawie nazwy przeglądarki urządzenia użytkownika. Linia przeglądarki telefonu z reguły zawiera takie słowa jak: iPhone, Android, webOS, BlackBerry, iPod, iPad. Podczas przekierowania do mobilnej wersji serwisu URL strony się nie zmienia.
Wyszukiwarki Google i Yandex uważają ten szablon za idealny pod względem wydajności i łatwości obsługi.
Możesz zamówić u mnie wersję mobilną strony. Koszt instalacji takiego szablonu na stronie wynosi 5000 rubli. Jeśli strona posiada dużą sekcję (np. katalog produktów, aktualności, artykuły itp.), to koszt dostosowania takiej sekcji na urządzenia mobilne jest negocjowany osobno i uzależniony od nakładu pracy.
Jeśli potrzebujesz rozwoju z innym projektem lub masz jakieś pomysły, wykonam wersję mobilną zgodnie z Twoim życzeniem.
Potrzebujesz mobilnej wersji strony? - Skontaktuj się z nami, ustalimy to!
Często wymagana jest zmiana lub uzupełnienie niektórych elementów szablonu lub całkowite przerobienie szablonu. Zwykle w celu całkowitej zmiany wyglądu strony, na subdomenie tworzy się stronę testową i wykonuje się na niej prace mające na celu dostosowanie szablonu. Takie podejście nie należy do najłatwiejszych, ponieważ może prowadzić do problemów z przeniesieniem do domeny głównej. W tej chwili wersje mobilne strony są wymagane nie tylko dla wygody użytkownika, wyszukiwarki coraz częściej preferują strony z wersjami mobilnymi, dzięki tej metodzie można łatwo dostosować szablon do wersji mobilnych bez zatrzymywania istniejącego projektu.Teraz kopia szablonu zostanie wyświetlona, jeśli przekażesz ten parametr do adresu URL, w następujący sposób site.ru/?test=Y, gdzie site.ru to domena Twojej witryny. Ten warunek zadziała dla wszystkich sekcji i stron Twojej witryny, na przykład jeśli chcesz zobaczyć, jak szablon będzie wyglądał w określonej sekcji witryny, przejdź do tej sekcji i podaj swój parametr, w tym przypadku? test= Y, a strona zostanie wyświetlona z nowym szablonem.
Teraz możesz edytować nowy szablon, podczas gdy Twoi goście przeglądają witrynę w zwykły sposób. Pamiętaj, że wszystkie zmiany będą musiały zostać wprowadzone w nowym folderze szablonów, a jeśli chcesz zmienić szablony komponentów, których nie ma w folderze, będziesz musiał skopiować szablon komponentu do folderu z nowym szablonem. W żadnym wypadku nie edytuj komponentów w folderze /bitrix, może to prowadzić do krytycznych konsekwencji. I zawsze twórz kopię zapasową w chmurze 1C-Bitrix.
Cóż, to właściwie cała technika, mamy nadzieję, że pomoże Ci zaoszczędzić czas.
W Bitrix24 możesz pracować nie tylko na komputerze w biurze, ale także poza nim – z lotniska, kawiarni, z dowolnego miejsca, gdzie jest Internet. Pomoże Ci w tym aplikacja mobilna Bitrix24.
Aplikacja mobilna Bitrix24 to bezpłatna aplikacja, która współpracuje z urządzeniami iPhone, iPad i Android.
Teraz powiem ci, co potrafi ta aplikacja.
Po pierwsze, chodzi przede wszystkim o komunikację – czaty ze współpracownikami i czaty z klientami (otwarte linie):
Możesz utworzyć nowy czat w aplikacji mobilnej, tak samo jak w przeglądarce lub aplikacji komputerowej!
Aby to zrobić, wystarczy kliknąć ikonę + w prawym rogu wybierz typ czatu (otwarty lub prywatny) i zaproś do niego pracowników.
W liście czatów dodano możliwość przypinania i odpinania okien dialogowych na górze listy - opcja Przypnij/Odepnij, a także ukryj okna dialogowe - opcja Usuwać:
W czatach grupowych nadal możesz wyłączać i włączać powiadomienia za pomocą opcji Nie śledź / śledź na liście czatu. Ta sama opcja jest dostępna w samym czacie grupowym:
Do czatu możesz zaprosić jednego pracownika naraz lub cały dział lub oddział. A jeśli jesteś właścicielem czatu, możesz wyznaczyć w nim nowego właściciela, a także wykluczyć użytkowników z czatu.
Aby to zrobić, otwórz sekcję uczestników czatu i przesuń palcem od prawej do lewej (przesuń) nad uczestnikiem i wybierz żądany element.
Zobacz transmisję na żywo, komentuj i lajkuj wiadomości współpracowników. Wysyłaj zdjęcia z telefonu bezpośrednio do kanału. Formularze do tworzenia wiadomości są specjalnie przystosowane do systemów iOS i Android:
W zasięgu ręki zawsze masz pełną i aktualną listę kontaktów współpracowników. W mobilnej wersji Bitrix24 znalezienie informacji o pożądanym pracowniku jest równie łatwe jak na portalu - wystarczy wejść do menu głównego w sekcji Pracownicy:
W sekcji możesz zsynchronizować kontakty z telefonu i portalu Ustawienia > Synchronizacja Aplikacje.
Wszystkie ustawienia aplikacji znajdziesz w jednym miejscu. Aby to zrobić, przejdź do zakładki Więcej i wywołaj menu ustawień u góry.
Ustawienia aplikacji mobilnych dzielą się na kilka grup:
Rozdział
Otrzymywać powiadomienia– Włącza lub wyłącza możliwość otrzymywania powiadomień push.
Inteligentne filtrowanie– jeśli ta opcja jest włączona, podczas pracy w aplikacji desktopowej aplikacja mobilna nie będzie otrzymywać powiadomień. Przydatne do oszczędzania baterii.
Licznik aplikacji– to ustawienie określa, które liczniki narzędzi (na przykład liczniki Live Feed lub Chat) będą miały wpływ na całkowity licznik aplikacji na ikonie pulpitu.
Również w tej sekcji możesz wyłączyć niepotrzebne powiadomienia aplikacji mobilnej w Wiadomościach, Kalendarzach, Czatach, Zadaniach i Telefonii.
Rozdział .
Tutaj możesz tworzyć profile synchronizacji kontaktów i kalendarzy.
Na urządzeniach z Androidem jest to część ustawień systemowych, w których można dodatkowo bardziej szczegółowo skonfigurować synchronizację.
Ustawienia Bitrix24:
- wyłącz lub włącz wibracje w aplikacji.
Użyj jasnego motywu- zmienić motyw kolorystyczny aplikacji.
Pamięć- w tej sekcji możesz wyczyścić pamięć podręczną aplikacji i pobranych dokumentów.
Akta– tutaj wybierasz rozmiar i jakość plików wideo wysyłanych do kanału na żywo lub do czatów.
Dźwięk- Możesz dostosować dźwięk powiadomień.
Uprawnienia- w tej sekcji możesz zarządzać prawami dostępu do zdjęcia, kamery, mikrofonu i geolokalizacji.
Wersja aplikacji– informacja o numerze wersji aplikacji.
Teraz możesz rozpocząć i zakończyć dzień pracy, a także ustawić przerwę bezpośrednio z telefonu komórkowego:
W aplikacji mobilnej możesz tworzyć zadania, kontrolować ich wykonanie oraz monitorować statusy. W zadaniach mobilnych dostępne są wszystkie akcje z zadaniami, które są dostępne w Bitrix24. Jeśli do zadań dołączone są pliki, można je również otworzyć na urządzeniu mobilnym:
Aplikacja mobilna umożliwia przeglądanie dokumentów, prezentacji i obrazów. Wszystko, co jest dostępne dla Ciebie na portalu: Twoje akta osobowe, akta publiczne firmy, akta współpracowników i Twoich grup. Obsługiwane są popularne formaty i dokumenty: TXT, PNG, PDF, JPG, XLS, XLSX, DOC, DOCX, PPT, PPTX. Istnieje również wbudowane wyszukiwanie - w bieżącym folderze według tytułów i nazw plików:
Pliki można pobrać z telefonu komórkowego np Mój dysk a następnie dołącz go z Dysku do zadania, do wiadomości w Live Stream lub na czacie, lub bezpośrednio:
Uwaga! Dostępna jest funkcja przesyłania plików graficznych lub wideo:
Jeśli najpierw prześlesz zdjęcia lub filmy Mój dysk, to takie pliki nie są kompresowane, czyli są ładowane jako oryginalne.
Jeśli przesyłasz zdjęcia lub filmy bezpośrednio do kanału na żywo, komentarzy, zadań, czatów, takie pliki zostaną skompresowane. Powinno to znacznie wpłynąć na prędkość pobierania. Jakość pobranego wideo można dostosować w sekcji Ustawienia > Pliki Aplikacje.
Można wybrać do 10 różnych plików, a podczas pobierania można anulować przesyłanie plików.
Mobilny Kalendarz wyświetla aktualną listę terminów, planowania spotkań, narad i innych wydarzeń. Również z urządzenia mobilnego możesz przyjmować zaproszenia lub odmawiać udziału w spotkaniach, tworzyć nowe wydarzenia i zapraszać na nie swoich współpracowników:
W sekcji możesz synchronizować zdarzenia z kalendarza telefonu i portalu Ustawienia > Synchronizacja Aplikacje.
Aplikacja umożliwia pracę z takimi elementami CRM jak Sprawy, Kontakty, Firmy, Transakcje, Konta, Oferty, Leady, Produkty. Możesz utworzyć nowego leada lub zmienić status transakcji w trakcie negocjacji z klientem:
w rozdziale Łączność możesz szybko nawiązać nowy kontakt w CRM - wszystkie pola wizytówki są automatycznie rozpoznawane i wprowadzane przez CRM jako nowy Kontakt lub Firma:
Telefonia Bitrix24 działa również w aplikacji mobilnej! Jeśli potrzebujesz komunikować się osobiście i głosowo ze współpracownikiem, możesz po prostu do niego zadzwonić. A kiedy dzwonisz do klienta, możesz od razu zobaczyć informację o transakcji z CRM. Bitrix24 nagrywa rozmowy, połączenia są przekierowywane do innego pracownika (przekierowanie na telefon komórkowy działa tylko z poziomu portalu, nie ma jeszcze możliwości przekierowania połączenia z aplikacji mobilnej), automatyczne przekierowywanie połączeń do osoby odpowiedzialnej i wiele więcej:
Połączenia audio i wideo działają przez Wi-Fi, LTE, 3G, z obsługą HD 16:9.
