Tahaksin kohe avaldada tänu Mihhail Bazarovile tema ajaveebi artikli eest, mis inspireeris mind minema kaugemale ja rakendama saidi mobiiliversiooni automaatse tuvastamise moderniseeritud versiooni. Samuti suur tänu Stanislav Sazonovile tema näpunäidete ja Bootstrapi tehnoloogia tutvustamise eest.

Responsiivne disain või veebisaidi malli mobiiliversioon?

Sisu kuvamisel pole suurt vahet. Kuid selle sisu kuvamiseks oma seadme ekraanil tuleb see esmalt alla laadida. On hea, kui kasutaja on ühendatud kiire Interneti-pöörduspunktiga. Ideaalis on see sülearvuti, mis on Wi-Fi pääsupunkti kaudu World Wide Webi sisse loginud. Aga kui palju me närve ja aega raiskame neil juhtudel, kui meil on käes mobiil ja ühendus pole isegi mitte 3G vaid tavaline GPRS.

Kujutage nüüd ette, et teie vajalikul saidil on ainult saidimalli originaalversioon. See versioon on ilus: animatsiooni, piltide, stiilide, skriptide ja hunniku muude erinevat tüüpi koodi ridadega. Ja nii, sa tulid sellele saidile... 10 sekundit, 20... Ja me ootame endiselt. Halvimatel tingimustel võib lingil klõpsamisest sisu laadimiseni ja ekraanile edastamiseni kuluda kuni minut. On veel hullemaid juhtumeid... Mida teha? Kuid meil on tundlik disain, see peaks olema mobiiltelefonides ilusti kuvatav, ilma animatsioonide ja suurte piltideta.

Seda kuvatakse, kuid laadimise ajal tõmbab see üles kogu sisu, isegi selle, mida ei kuvata. Mida teha? Kõik on väga lihtne - vajate eraldi ja ka kohanduvat veebisaidi malli.

Bitrixi mobiiliveebisaidi mall

Domeeni alias

Niisiis, härrased! Esimese asjana peame looma oma põhidomeeni jaoks alamdomeeni. Parem on mitte jalgratast uuesti leiutada, vaid luua alamdomeen nagu . Internetis nägin, et poisid kirjeldavad erinevate mallide ühendamist ilma mobiiliversiooni jaoks domeeni aliast loomata. Kõik on korras, kuid me oleme Bitrixi kasutajad ja kasutame "Composite Site" tehnoloogiat. Ja kui samadel aadressidel kuvatakse erinevaid malle, läheb komposiidi tähendus kaotsi, kuna vahemälu kirjutatakse pidevalt üle. Olen selle juba läbi elanud. Seetõttu vajame täiendavat domeeninime.

Kerge mall

Nüüd peame looma või veel parem – eelnevalt ette valmistama mobiilseadmete jaoks eraldi malli. Kui kerge see on, sõltub arendajast. Kuid parem on eemaldada kõik mittevajalikud js-, css-failid või minimeerida nende kood. Näiteks eemaldage kõik kasutamata stiilid. Eemaldage mittevajalikud animatsioonid ja liugurid. Muidugi on täiesti lubamatu jätta välk mobiiliversioonile. Samuti muutke PHP-kood lihtsamaks. Keelake mobiiliversioonides mittevajalike komponentide kuvamine. See võib olla filter tooteloendis. Nagu ma selle juures märkasin, võtab lehe genereerimine esimesel löögil kauem aega.

Mobiilne tuvastamine

Mobiilne tuvastamine on kerge PHP klass mobiilseadmete (sh tahvelarvutite) tuvastamiseks. Mobiilikeskkonna tuvastamiseks kasutab see kasutajaagendi stringi koos spetsiifiliste HTTP-päistega. Laadige alla uusim fail Mobile_Detect.php otse arendaja saidilt mobileedetect.net. Installime selle faili serverisse, otse header.php faili "kõrvale" mallikataloogi. Mõlemas mallis kaasame faili header.php selle faili ja määrame ümbersuunamise tingimuse.

Koodi kirjutamine

Noh, hakkame ise koodi kirjutama. Komposiitsaidi tehnoloogiast möödahiilimiseks ja liitvahemälu loomise mitte katkestamiseks vajame faili header.php, mis ühendatakse juba enne saidimalli enda header.php faili ühendamist. See fail asub aadressil /bitrix/header.php. Ja kirjutage järgmine kood:

Bitrix24-s saate töötada mitte ainult kontoris arvutiga, vaid ka väljaspool kontorit - lennujaamast, kohvikust, kõikjalt, kus on Internet. Bitrix24 mobiilirakendus aitab teid selles.

Bitrix24 mobiilirakendus on tasuta rakendus, mis töötab iPhone'i, iPadi ja Androidi seadmetega.

Nüüd ütlen teile, mida see rakendus teha saab.

Suhtlemine

Esiteks on see eelkõige suhtlemine – vestlused kolleegidega ja vestlused klientidega (avatud liinid):

Mobiilirakenduses saate luua uue vestluse, nagu brauseris või töölauarakenduses!

Selleks peate lihtsalt klõpsama ikooni + valige paremas nurgas vestluse tüüp (avatud või suletud vestlus) ja kutsuge töötajad sinna.

Vestluste loendis on nüüd võimalik loendi ülaosas dialooge kinnitada ja lahti kinnitada - valik Kinnita/vabasta ja peida ka dialoogid – valik Kustuta:

Grupivestlustes saate selle valiku abil ka märguanded välja ja sisse lülitada Ära jälgi/jälgi vestlusloendis. Sama valik on saadaval ka grupivestluses endas:

Saate vestlusesse kutsuda kas ühe töötaja korraga või terve osakonna või osakonna. Ja kui olete vestluse omanik, saate sellele määrata uue omaniku ja kasutajaid vestlusest välja jätta.

Selleks avage vestluses osalejate sektsioon ja libistage osaleja kohal (libistage) paremalt vasakule ja valige soovitud üksus.

Vaadake otseülekannet, kommenteerige ja meeldige kolleegide postitustele. Saatke oma telefonist fotosid otse oma voogu. Sõnumite loomise vormid on spetsiaalselt kohandatud iOS-i ja Androidi jaoks:

Kontaktid

Teil on alati teie käeulatuses täielik ja ajakohane kolleegide kontaktide loend. Bitrix24 mobiiliversioonis on soovitud töötaja kohta teabe leidmine sama lihtne kui portaalist - lihtsalt minge peamenüü jaotisesse Töötajad:

Jaotises saate sünkroonida oma telefoni ja portaali kontakte Seaded > Sünkroonimine rakendusi.

Seaded

Leiate kõik rakenduse seaded ühest kohast. Selleks minge vahekaardile Rohkem ja ülaosas avage seadete menüü.

Mobiilirakenduse seaded on jagatud mitmeks rühmaks:

Peatükk

Saate teateid– lubab või keelab tõuketeadete vastuvõtmise.

Nutikas filtreerimine– kui see suvand on lubatud, ei saadeta töölauarakenduses töötamise ajal mobiilirakendusele teateid. Kasulik aku säästmiseks.

Rakenduste loendur– See säte määrab, millised tööriistaloendurid (nt reaalajas voo või vestlusloendurid) mõjutavad üldist rakenduste loendurit töölauaikoonil.

Samuti saate selles jaotises keelata mittevajalikud mobiilirakenduste märguanded sõnumites, kalendrites, vestlustes, ülesannetes ja telefonis.

peatükk .

Siin saate luua kontaktide ja kalendrite jaoks sünkroonimisprofiile.

Android-seadmetes on see osa süsteemiseadetest, kus saate täiendavalt sünkroonimist täpsemalt konfigureerida.

Seadme sätted

Bitrix24 seaded:

– rakenduses vibratsiooni keelamine või lubamine.

Kasutage heledat teemat- muutke rakenduse värviteemat.

Mälu- selles jaotises saate tühjendada rakenduse ja allalaaditud dokumentide vahemälu.

Failid– siin saate valida otsekanalisse või vestlustesse saadetavate videofailide suuruse ja kvaliteedi.

Heli- saate kohandada teavitusheli.

load– selles jaotises saate hallata juurdepääsuõigusi fotole, kaamerale, mikrofonile ja geograafilisele asukohale.

Rakenduse versioon– teave rakenduse versiooninumbri kohta.

Nüüd saate oma tööpäeva alustada ja lõpetada ning seada vaheaja otse mobiiltelefonist:

Ülesannete haldamine

Mobiilirakenduses saate luua ülesandeid, jälgida nende täitmist ja nende olekut. Mobiiliülesannetes on saadaval kõik Bitrix24-s saadaolevate ülesannetega toimingud. Kui ülesannetele on lisatud faile, saate need avada ka oma mobiilseadmes.

Failidega töötamine

Mobiilirakendus võimaldab vaadata dokumente, esitlusi ja pilte. Kõik, mis on teile portaalis vastavalt teie õigustele kättesaadav: teie isiklikud failid, avalikud ettevõtte failid, kolleegide ja teie rühmade failid. Toetatud on populaarsed vormingud ja dokumendid: TXT, PNG, PDF, JPG, XLS, XLSX, DOC, DOCX, PPT, PPTX. Samuti on sisseehitatud otsing - praeguses kaustas päiste ja failinimede järgi:

Faile saab mobiiltelefonist alla laadida nagu Minu sõit ja seejärel lisage see kettalt ülesandele, reaalajas voos või vestluses olevale sõnumile või otse:

Tähelepanu! Pildi- või videofailide laadimiseks on funktsioon:

Kui laadite kõigepealt üles pildid või videod Minu sõit, siis selliseid faile ei tihendata, st laaditakse originaalina.

Kui laadite pilte või videoid otse otseülekandesse, kommentaaridesse, ülesannetesse või vestlustesse üles, siis sellised failid tihendatakse. See peaks teie allalaadimiskiirust oluliselt mõjutama. Allalaaditud video kvaliteeti saab reguleerida jaotises Seaded > Failid rakendusi.

Saate valida kuni 10 erinevat faili ning allalaadimise ajal saate failiedastuse katkestada.

Kalender

Mobiilne kalender kuvab ajakohase nimekirja koosolekutest, planeerimisseanssidest, koosolekutest ja muudest sündmustest. Samuti saate oma mobiilseadmest vastu võtta kutseid või keelduda koosolekutel osalemast, luua uusi üritusi ja kutsuda neile kolleege:

Telefoni ja portaali kalendrisündmusi saate sünkroonida jaotises Seaded > Sünkroonimine rakendusi.

Mobiilne CRM

Rakendus võimaldab teil töötada selliste CRM-i elementidega nagu juhtumid, kontaktid, ettevõtted, tehingud, kontod, pakkumised, müügivihjed, tooted. Saate luua uue müügivihje või muuta tehingu olekut otse kliendiga läbirääkimiste ajal.

Peatükis Kontaktid CRM-is saate kiiresti luua uue kontakti – kõik visiitkaardi väljad tuvastatakse automaatselt ja sisestatakse CRM-i uue kontakti või ettevõttena:

Heli- ja videokõned

Bitrix24 telefon töötab ka mobiilirakenduses! Kui teil on vaja kolleegiga isiklikult ja häälega suhelda, võite talle lihtsalt helistada. Ja kui helistate kliendiga, näete CRM-ist kohe teavet tehingu kohta. Bitrix24 salvestab vestlused, suunab kõned teisele töötajale (mobiiltelefonile suunamine toimib ainult portaalist; mobiilirakendusest veel kõnet ümber suunata ei saa), suunab kõne automaatselt vastutavale isikule ja palju muud:

Heli- ja videokõned töötavad Wi-Fi, LTE, 3G kaudu, HD 16:9 toega.

Sageli peate mõnda malli elementi muutma või täiendama või malli täielikult ümber tegema. Tavaliselt luuakse saidi kujunduse täielikuks muutmiseks alamdomeenile testsait ja selle kallal töötatakse malli kohandamiseks. See lähenemisviis ei ole kõige lihtsam, kuna see võib põhjustada probleeme põhidomeeni teisaldamisel. Hetkel ei nõuta saidi mobiiliversioone mitte ainult kasutaja mugavuse huvides, vaid otsingumootorid eelistavad üha enam mobiiliversioonidega saite, selle meetodi abil saate hõlpsalt kohandada malli mobiiliversioonide jaoks ilma juba olemasolevat projekti peatamata. .

1C-Bitrixi piiramatu arvu mallide tugi.

Kõik, kes töötavad 1C-Bitrixiga, teavad, et CMS võimaldab ühendada piiramatul hulgal malle. Kes asjaga kursis pole, vaatame, kuidas kasutatakse mitme malli rakendamist.
Malli lisamiseks peate minema saidi haldusosa jaotisesse "Seaded" - "Toote seaded" - "Saidid" jaotises "Saidid" olevas rippmenüüs on kaks alamjaotist - " Saidimallid" ja "Saidide loend".

Kopeerige saidi põhimall.

Esmalt kopeerime saidi malli, et seda teha, minge jaotisse "Saidimallid" ja kopeerige mall, et saaksite sellega hiljem töötada. Klõpsake kopeerimisnupul, nagu on näidatud ekraanipildil:

Rakendage mall saidile redigeerimiseks.

Peame vaid malli saidile rakendama, kuid kuna meie sait töötab ja kasutajad saavad sellel olla ning me ei vaja neid saidil tehtavate muudatuste nägemiseks, siis ühendame malli vastavalt tingimus - "Parameeter URL-is". Teeme seda – minge jaotisse "Saidide loend" ja minge selle saidi sätetesse, mille jaoks muudatust on vaja. Saidi seadete lehe allosas on plokk „Saidi mall”. Valige veerus "Mall" olevast loendist meie malli koopia, määrake tingimus "Parameeter URL-is" ja lisage mis tahes teile sobiv tingimus, näiteks test=Y, nagu on näidatud ekraanipildil:

Nüüd kuvatakse teie malli koopia, kui edastate selle parameetri URL-ile järgmiselt site.ru/?test=Y, kus site.ru on teie saidi domeen. See tingimus töötab teie saidi kõigi jaotiste ja lehtede puhul. Näiteks kui teil on vaja näha, milline mall mõnes saidi jaotises välja näeb, minge sellele jaotisele ja edastage oma parameeter, antud juhul test= Y ja leht kuvatakse uue malliga.

Nüüd saate uut malli muuta, samal ajal kui teie külastajad näevad saiti nagu tavaliselt. Pange tähele, et kõik muudatused tuleb teha uues mallikaustas ja kui peate muutma komponentide malle, mida kaustas ei ole, peate komponendi malli kopeerima uue malliga kausta. Ärge muutke mingil juhul /bitrixi kausta komponente, see võib põhjustada kriitilisi tagajärgi. Ja varundage alati 1C-Bitrix Cloudis.

Noh, see on kogu tehnika, loodame, et see aitab teil aega säästa.

Mobiililiiklus

Mobiililiiklusega kohtumine

Kui Google ei märgi teie saiti mobiilisõbraliku sildiga, kaob see mobiilseadmetes Internetti kasutavate kasutajate vaatest. Sest mobiilseadmetes otsides võtab Google tulemuste järjestamisel arvesse sobiva optimeerimise olemasolu. Mobiililiiklus katkeb, müük langeb ja äri kannatab kahjumit.
Kontrollige – kas teie sait on mobiilisõbralik?

Kuidas Google'i kiirustesti läbida?

Nõutavad komponendid:

Mobiililiiklus kogub hoogu!

Tutvuge mobiiliklientidega õigesti platvormi 1C-Bitrix abil!

Kas arvate, et teil pole mobiilset andmesidet?
Kontrollima. Mobiililiiklus domineerib nüüd paljudel saitidel, isegi neil, mis pole mõeldud mobiilseks vaatamiseks ja millel pole mobiiliversioone. Näiteks lillekasvatajad, raamatusõbrad ja teised erinevate kogukondade liikmed pääsevad üha enam mobiilseadmetest internetti.

Kohtume mobiiliklientidega

Teie veebisait peaks olema mobiilisõbralik!

Teie sait kaob Google'i otsingutulemuste esimestelt lehtedelt, kui seda pole mobiilseadmetes hõlpsasti vaadatav.

Google on saatnud mobiiliplatvormi jaoks halvasti optimeeritud saitidele välja hoiatused, et alates 21. aprillist 2015 langevad need saidid otsingutulemustes madalamale.

Miks on nii oluline olla mobiilisõbralik?

Kindlasti lülitusid paljud inimesed Google'i otsingutulemustelt saitidele, mis polnud nutitelefonis vaatamiseks optimeeritud. Väikeste linkide ja raskesti loetava tekstiga lehed, mis samuti ei mahu seadme ekraanile, jätavad halva mulje.

Google märgistab otsingutulemustes mobiilisaidid
"Selleks, et mobiilikasutajad ei kogeks sirvimisel ebamugavusi, hakkame oma otsingutulemustes esile tõstma lehti, mis on optimeeritud nutitelefonide ja tahvelarvutite jaoks."

Pessimeerimine...

Mis saab siis, kui Google ei märgi teie saiti kui "Mobiilisõbralik"? Sisuliselt kaob sait mobiilseadmetest Internetti pääsevate kasutajate vaateväljast. Sest mobiilseadmetes otsides võtab Google tulemuste järjestamisel arvesse sobiva optimeerimise olemasolu. Mobiililiiklus katkeb, müük langeb ja äri kannatab kahjumit.

Kuidas uutele nõuetele vastata?

Mida tuleks teha?

• Läbige test ja hankige aruanne
• Tutvuge kõigi soovitustega
• Kõrvaldage probleemid ja puudused
• Hankige Google'i mobiilisõbralikkuse silt

Seda on lihtne kontrollida – sooritage test

Et teada saada, kas teie lehed vastavad uutele nõuetele, minge lihtsalt läbi kontrollimenetlus optimeerimiseks mobiilseadmete jaoks.

Pole mobiilseadmete jaoks optimeeritud!

Kui te pole veebihaldur, on seda raske parandada

Kõigi tuvastatud probleemide kõrvaldamiseks nutitelefonidest ja tahvelarvutitest ning mitte ainult ühe lehe, vaid kogu saidi vaatamisel peate tegema palju. Eelkõige peate tutvuma veebihalduritele mõeldud juhenditega saitide mobiiliversioonide loomise ja optimeerimise kohta, sisuhaldussüsteemi seadistamise dokumentatsiooni ja saidimallide kohta. Seda saavad teha ainult spetsialistid.

Adaptiivne paigutus

Saidi kohandamine mobiiliturule

Valmis vastu võtma mobiilikülastajaid

Iga teie veebisaidi leht, kui see on platvormil 1C-Bitrix, ehitatakse kohe ümber mis tahes seadme jaoks. Teie veebisait on esialgu mobiili-, tahvelarvuti- ja lauaarvutiversioonide jaoks valmis. Lisaks toetatakse kõigis veebipoe komponentides Touch-liidest.

Veebipoed platvormil 1C-Bitrix - kohandatava malliga

Toote 1C-Bitrix: Site Management tuumal on kasuliku paigutusega sisseehitatud raamistik (Bootstrap 3). Universaalne paigutuse raamistik muudab lihtsamaks ja kiiremaks mis tahes tüüpi veebisaitide loomise, mis on mobiilseadmete jaoks kohandatavad (mobiilisõbralikud).

Esimene asi, millest peate alustama, on veebisaidi paigutuse põhimõtete muutmine.

Konstruktsiooni projekteerimisel tuleb koheselt arvestada adaptiivse paigutuse nõuetega.

Peate tegema selle osa oma tootmistsüklist!

Universaalne raamistik

Kaasaegne adaptiivse paigutuse tehnoloogia

Teie sait on esialgu mobiilisõbralik

Teie veebisait on algselt valmis vaatamiseks mis tahes seadmes, sealhulgas mobiilseadmetes. Toote tuumas, versioonis 15.5, on sisseehitatud universaalne paigutusraamistik, mis hõlbustab ja kiirendab mis tahes tüüpi mobiilisõbralike (mobiilseadmetele kohandatud) saitide loomist.

Kohandatav kõigega!

• Universaalne paigutuse raamistik (Bootstrap 3)
• Adaptiivsete veebisaitide tootmise kiire kiirus
• Native valmisolek mobiili-, tahvelarvuti- ja lauaarvutiversioonide jaoks
• Puutetundliku liidese tugi kõigis veebipoe komponentides

Uus kohanduv veebipoe mall

Toote tarnega kaasas olev valmislahendus “Veebipood” on saanud uue kauni malli. Kasuliku paigutusega raamistik (Bootstrap 3) võimaldab kasutada malli mis tahes veebipoe skeemi jaoks. Iga teie poe leht kohandub nüüd kohe mis tahes seadmega.

Kõik 1C-Bitrix: Site Management kaasaegsed väljaanded sisaldavad algselt kõikehõlmavat tööriistade ja funktsioonide komplekti mobiilseadmetega kohanemiseks. Seega, kui valisite oma Interneti-ressursiks CMS Bitrixi, tegite õige otsuse ja säästsite mitte ainult täiendava versiooni väljatöötamisel, vaid ka oma projekti reklaamimisel otsingumootorites.

Google ja Yandex austavad mobiilsust

Suurima otsingumootori Google algoritmidel on spetsiaalne silt “Mobiilile”. Ja kui te sellist märki ei saa, võite mobiililiikluse unustada - süsteem eemaldab nutitelefonide ja tahvelarvutite otsingutulemustest automaatselt saidid, mis pole vastavat testi läbinud.

Yandex ei jää palju maha. Kodumaine otsinguliider on otsingutulemuste järjestamisel juba pikka aega arvestanud ka kohanemisvõimega mobiilseadmetega. Ja Yandex.Webmasteril on selle parameetri diagnoosimiseks isegi spetsiaalne funktsioon.

Võttes arvesse vidinate ja nutitelefonide rolli meie elus tänapäeval, on ilmne, et veebilehe mobiiliversioon on kohustuslik element igas müügis olevas maandumislehes, teabeportaalis ja eriti veebipoes.

Saidi tööriistad
Bitrixis

Teie tegevused

Muidugi pole võimalik eemale hoida. Selleks, et teie mobiilisait püsiks otsingurobotite seas kõrgel au sees, oleks kasutajatele mugav ja tooks head kasumit, vajate pädevat ja kvaliteetset sisu.

Valige Bitrix ja saate mitte ainult tööst rõõmu, vaid ka maksimaalset majanduslikku kasu. Ja Internetiagentuuri Dextra juhid vastavad alati hea meelega teie küsimustele ja aitavad teil õigesti ülesandeid sõnastada, olgu selleks siis uue projekti käivitamine, kohandamine, küljenduse redigeerimine või kvaliteetse sisu ettevalmistamine.