Құрамдас бөліктер

Pluso - әлеуметтік медиа түймелері. Қалай жылдам орнату және конфигурациялау керек

Ұрмайды ма? Ал келушілерді қармақтауға қыруар қаржы жұмсалып үлгерді. Және түймелер әлеуметтік желілерсайт үшін орнатылған ба? Таза! Бетіндегі аурудың барлық белгілері – асоциалды сайт. емдейміз.

Неліктен веб-сайтқа әлеуметтік медиа түймелері қажет?

Сайт беттерінде әлеуметтік түймелердің болуы міндетті атрибут немесе сәнді аксессуар ғана емес. Ең алдымен, әлеуметтік түймелер ресурс иесіне сайтты жылжытуға ақша үнемдеуге көмектеседі. Бұл жағдайда жылжыту келушілердің көмегімен жүзеге асады. Ал иесі өз сайтын тек сапалы мазмұнмен толтырып, жаңа пайдаланушылардың келуін күте алады:

Бірақ бұл түймелер сайт иелеріне ғана қажет емес. Олардың орналасуы әлеуметтік желілердің өздері үшін де маңызды. Бұл түймелердің әрқайсысы әлеуметтік порталға апаратын сілтеме болып табылады. Және осы сілтеме алмасудың арқасында оған қолдау көрсетіледі жоғары деңгейпайдаланушының әлеуметтік желілердегі белсенділігі. Сондықтан танымал әлеуметтік желілер сайттарды ұсынады дайын кодтартүймелеріңіз.

Кәдімгі әлеуметтік түйме дегеніміз не?

Мысалы, ВКонтакте әлеуметтік түймесі сценарийін алайық. Оның коды:

Кодтың бұл бөлігі сайт бетінің «тақырып» деп аталатын бөлігінде орналасуы керек. Бұл код әлеуметтік түймені басқан кезде орындалуы керек сценарийдің мекенжайын қамтиды. Міне, кодтың екінші бөлігі, ол түйменің кескінін көрсетуге жауап береді:

Кодтың екінші бөлігі беттің түймесі көрсетілетін бөлігінде орналасуы керек:

Түйменің сыртқы түрін оңай реттеуге болады. Ол үшін бару керек арнайы бөлім техникалық көмекәлеуметтік желі сайтында. Мұнда түйменің стилін орнатуға болады, оған сәйкес оның коды жасалады.

Жеңіл орналастыру нұсқалары

Сіздің сайтыңызда барлық танымал әлеуметтік желілердің түймелерін бірден орналастыруға мүмкіндік беретін арнайы қызметтер бар. Бұл олардың әрқайсысы үшін сценарийлерді ендіруден әлдеқайда оңай. Осы қызметтердің ең танымалын қарастырыңыз:

Әлеуметтік түймелер жолағының орнын бірнеше үлгілерде таңдауға болады. Есептік жазбаның тегін нұсқасында тартылатын бүйірлік тақта бар. Сондай-ақ бар тегін нұсқасы WordPress үшін плагин. Сервис сайтында тіркелгеннен кейін әлеуметтік түймелер арқылы ауысу статистикасына қол жеткізу қамтамасыз етіледі.

Share42 - параметрлерді «жақсылау» мүмкіндігі бар түсінікті және қарапайым интерфейс сыртқы түріәлеуметтік түймелер тақтасы. Бұл жағдайда орнату процесі бірге жүреді қадамдық нұсқауларатқарылатын әрекеттерді сипаттайды. Сондықтан, бұл қызмет тәжірибесіз веб-шеберлер үшін де жарамды:

Тағы бір плюс бұл қызметбірнеше танымал CMS қолдауы бар әлеуметтік түймелер жолағы сценарийінің генерациясы.

Әлеуметтік түймелер және WordPress

Танымал CMS үшін әлеуметтік түймелерді топтық орнатуға арналған көптеген плагиндер жасалды. Плагинді орнатудың мысалын қарастырыңыз WordPress үшін әлеуметтік бөлісу түймелері.

Бұл кеңейтімнің оң аспектілері - толығымен орыс тілді интерфейс, орнатудың қарапайымдылығы және Рунеттің танымал әлеуметтік желілері үшін «айқындық»:

WordPress үшін әлеуметтік түймелер плагинін орнату кезінде орындалатын қадамдар.

1) Сайттың басқару тақтасына өтіңіз. Сол жақта «Плагиндер», «Жаңа қосу» қойындысын таңдаңыз.
2) бетте Плагиндерді орнатыңыз«Іздеу өрісіне кеңейтім атын енгізіп, «Плагиндерді іздеу» түймесін басыңыз»:

3) Іздеу нәтижелерінен атауды табыңыз қалаған кеңейтім. Содан кейін «Орнату» сілтемесін басыңыз:

4) Мұрағатты жүктеп алып, орнатқаннан кейін тиісті сілтемені басу арқылы плагинді іске қосыңыз:

5) Оны іске қосқаннан кейін сол жақ құралдар консолі көрсетіледі жаңа бөлімБөлісу түймелері:

Плагин параметрлері бірнеше элементтерден тұрады:

WordPress үшін тағы бірнеше дәлелденген плагиндер:

Бекітілген әлеуметтік түймелер - бұл плагин сайтқа қалқымалы әлеуметтік панельді қосуға мүмкіндік береді, оны үстіне, астына немесе бүйіріне «жабыстыруға» болады;
Html Әлеуметтік бөлісу түймелері - бұл плагин тек арнайы жасалған әлеуметтік түймелерді қамтиды cssжәне html.

Әлеуметтік түймелер және Joomla

Бұл қозғалтқыш үшін әлеуметтік түймелермен жұмыс істеуге арналған көптеген плагиндер де жасалған. Мысал ретінде SocButtons көмегімен кеңейтімді орнату процесін қарастырыңыз. Бұл плагиннің мүмкіндіктері:

Барлық ең танымал қозғалтқыш нұсқаларына қолдау көрсету;
Орнату оңай;
Сыртқы көрініс сипаттамалары әрбір түйме үшін бөлек орнатылады;
Жеңіл орнату пакеті.

Процедура:

1) Joomla сайтының әкімшілік бөлігіне өтіп, белгішені таңдаңыз. Кеңейтім менеджері».
2) Мұнда кеңейтімді жүктеп алу көзін анықтаймыз:

3) Кеңейтімді орнатқаннан кейін « Плагин менеджері» және жай ғана іске қосыңыз орнатылған кеңейтім. Мұны істеу үшін беттің жоғарғы жағындағы жасыл белгішені басыңыз:

4) Конфигурациялау үшін тізімдегі кеңейтім атауын басыңыз. Бұл плагинде дисплей параметрлері әрбір әлеуметтік түйме үшін бөлек орнатылады:

Joomla үшін тағы бірнеше дәлелденген кеңейтімдер:

Әлеуметтік бетбелгілер - бұл плагин бірден бірнеше нұсқада бар. Әрқайсысы әлеуметтік панельді белгілі бір орынға орналастыруға мүмкіндік береді ( көлденең, тігінен немесе жалпы қалқымалы етеді);
JL Like - бұл плагин қосымша сыртқы сценарийлерді жүктемейді, ол әлеуметтік желілердегі дауыстар статистикасын сақтауға мүмкіндік береді.

Скрипт немесе плагин?

Плагинді орнату ең оңай және жылдам опция. Көбінесе оны орнатқаннан кейін бүкіл сайт дұрыс жұмыс істейді. Бірақ қозғалтқыш нұсқасын жаңасына жаңартқаннан кейін бәрі бірден құлап кетуі мүмкін.

Қозғалтқыш пен плагин нұсқаларының сәйкес келмеуіне байланысты сайттың жұмысында проблемалар туындауы мүмкін. Көбінесе олар кез келген дизайн элементтерін дұрыс көрсетпеумен байланысты. Біздің жағдайда бұл әлеуметтік желінің түймелері. Содан кейін кейде арнайы плагиннің орнына жалаңаш сценарийді қолданған дұрыс деген түсінік пайда болады.

В жаңа нұсқасы php-дегі қозғалтқыш, әдістер мен функциялардың құрылымы өте сирек өзгереді. Сондықтан сценарий мұндай жаңарту процесін оңай «аударады».

Әлеуметтік түймелердің кодын арнайы қызметтердің бірінде алуға болады. Олардың шолуы жоғарыда келтірілген. Мысал ретінде Share42 қызметін алайық. Ол танымал қозғалтқыштар үшін әлеуметтік түймелерді жасауды қолдайды. Процедура.

Олардың бірі - аз икемділік және шектеулі таңдау. әдепкі параметрлер. Мысалы, блокты алайық, қандай да бір себептермен жақында, қандай да бір себептермен, кірістірілген Metrica әлеуметтік түймелермен бірге жүктелді ... Тағы да, түймелердің өлшемін немесе түсін өзгерту өте қиын.

Уақыт өте танымал шешімдер толып кетті қосымша мүмкіндіктер, ол жүктелген сценарийлердің өлшемін үлкейтіп қана қоймайды, сонымен қатар зиянды кодты қамтуы мүмкін.

Қолданғаннан кейін әртүрлі опцияларМен өз шешімім әлдеқайда жақсы деген қорытындыға келдім және бүгін мен бұл туралы айтатын боламын. Бірақ алдымен қаріпті орнату нұсқауларын оқып шығуды ұсынамын - ол мысалда қолданылады.

Онлайн демонстрация және дереккөздер бұл мысалСіз мақаланың соңында табасыз, енді ретімен жүзеге асыруға көшейік. Біріншіден, сіздің сайтыңыз jQuery пайдаланатынына көз жеткізіңіз, әйтпесеоны қосыңыз, WordPress-те мұны functions.php файлы арқылы жасаған дұрыс:

my_jquery() функциясы( wp_enqueue_script("jquery" ); ) add_action("wp_enqueue_scripts" , "my_jquery" );

Содан кейін Font Awesome қосыңыз - біз қолданамыз векторлық белгішелерсуреттердің орнына әлеуметтік желілер. Енді сіз енгізуіңіз керек HTML негізішаблон кодындағы түймелер:

<div id="бөлісу"> <div class="лайк">Ұнады ма? Достарыңызбен бөлісіңіз!div > <div class="əлеуметтік" деректер-url=""data-title="(!LANG:!}" > <a class ="push facebook" data-id ="fb" ><i класс "fa fa facebook" >i > Facebooka > <a class =" push twitter" data-id ="tw" ><i класс = "fa fa-twitter" >i > Twittera > <a class ="push vkontakte" data-id ="vk" ><i класс "fa fa vk" >i >Байланыстаa > <a class="push ok" data-id="ok" ><i класс "фа фа-одноклассники" >i >Сыныптастарa > div > div >

Негізінде, код әмбебап, бірақ мысал ретінде мен WordPress үшін әлеуметтік түймелерді беремін. Мұнда түймелер орналасқан ағымдағы бетке сілтеме the_permalink() функциясы арқылы көрсетіледі және тақырып the_title() функциясынан алынады. Басқа CMS-де бұл функцияларды ұқсас функциялармен ауыстыру қажет.

Стильдердің көмегімен біз түймелерімізді безендіреміз, фон мен мәтін түстерін орнатамыз, тінтуір курсорын апарған кезде әсер қосамыз. style.css файлына келесі кодты қосыңыз:

#бөлісу (ені : 100% ; жиек : 1px қатты #eaeaea ; жиек : 0 авто; фон : #fff ; мәтінді туралау: орталық; ) .like ( шрифт өлшемі : 16px ; шрифт салмағы : 700 ; сызық биіктігі : 50px ; ) .push (дисплей : кірістірілген блок; ені : 22% ; мин-ені : 100px ; жол биіктігі : 40px ; жиегі : 5px 2px 20px 2px ; шрифт өлшемі : 15px ; мәтінді туралау : орталық; : #fff ; курсор : көрсеткіш; ) .facebook (фон түсі : #4267b2 ;) .facebook :hover (фон түсі : #365899 ; түс : #fff ;) .twitter (фон түсі: #1da1f2 ;) . twitter :hover (фон түсі : #1a91da ; түсі : #fff ;) .vkontakte (фон түсі : #5181b8 ;) -түс : #ee8208 ;) .odnoklassniki :hover (фон түсі : #ee7808 ; уфф ;)

Келесі кезекте соңғы қадам - share.js өңдеушісін қосу, оны бастапқы мұрағатта табасыз. Мұны істеу үшін жабу тегіне дейінгі тақырыптахостингтегі файлға жолды өзгерте отырып, жолды енгізіңіз:

<сценарий кейінге қалдыру = "" src = "share.js" >сценарий >

Бар болғаны! Бірдеңе жұмыс істемесе немесе сұрақтарыңыз болса, түсініктемелерде хабарлама қалдыруға болады.

Қайырлы күн, құрметті сайт пайдаланушылары - сайт, бүгінгі мақалада мен сізге тамаша қызмет туралы айтқым келеді Share.Pluso.ru. Бұл ресурс сіздің веб-сайтыңыз үшін әдемі және функционалды әлеуметтік медиа түймелерін ұсынады.

Қызметтің негізгі артықшылықтары Pluso - әлеуметтік желі түймелерінің өте көп саны, жылдам орнату және орнату, әдемі дизайн, кең статистика, түйме коды асинхронды түрде жүктеледі.

Қызметтің артықшылықтары мен мүмкіндіктері

Көптеген қызметтер, плагиндер (Socbuttons – Joomla үшін әлеуметтік медиа плагині) және сайтқа әлеуметтік медиа түймелерін қосудың басқа әдістері бар, Pluso қызметінің айырмашылығы неде және оның артықшылықтары қандай?

Түймелердің дизайны нұсқаларының үлкен таңдауы - 300-ден астам опциялар
Сайтыңызға түймелерді орнату үшін қажет нәрсе - Pluso-ға өту, түйме дизайнын таңдау және кодты көшіру, тіркеу қажет емес
Егер сіз қызметке тіркелуді шешсеңіз, орнатылған түймелерді пайдалану туралы толық статистиканы көре аласыз.
Pluso қызметі көптеген әлеуметтік желілерді, сондай-ақ басып шығару түймесі мен бетбелгілерді ұсынады.

Pluso қызметінен әлеуметтік желі түймелерінің сыртқы түрін теңшеу

Ең алдымен, біз қызмет конструкторына барамыз - https://share.pluso.ru/, содан кейін біз түймелердің дизайнын теңшеуге кірісеміз.

1. Түймелердің мәнерін және көрсетілетін әлеуметтік желілердің санын таңдаңыз. Таңдау «Таңдалған желілер» және «Таңдау үшін қолжетімді» өрістерінің арасында қарапайым сүйреп апару арқылы жүзеге асырылады, сонымен қатар түймелердің ретін өзгертуге болады.

2. «Алдын ала қарау» терезесінде түймелеріміздің қалай көрінетінін көзбен көруге болады. Оң жақта қосымша параметрлер бар:

Белгіше өлшемі - үлкен, орташа, кішкентай
Пішін - шаршы немесе дөңгелек
Түймелердің орналасуы – бір немесе екі жолда
Көлденең немесе тік түймелер
Есептегішпен немесе есептегішсіз (түймелердің жалпы есептегішін білдіреді)
Фоны бар немесе онсыз

3. Түймелердің сыртқы түрін реттегеннен кейін кодты көшіріп, веб-сайтыңызға қойыңыз.

Joomla сайтында Share.Pluso.ru сайтынан әлеуметтік медиа түймелерін қалай орнатуға болады

Share Pluso қолданбасынан көшірілген түйме кодын Joomla сайтына бірнеше жолмен қоюға болады:

«HTML коды» модулін пайдалану
«Компоненттерді» пайдалану - «Баннерлер»
Тікелей бет кодына

Мысалы, біз бірінші әдісті қолданамыз: әкімші панелінде «Сайт» -> «Жалпы параметрлер» -> «Әдепкі редактор» бөліміне өтіңіз - «Редакторсыз редактор» таңдаңыз - «Сақтау және жабу» түймесін басыңыз. Содан кейін «Кеңейтім» -> «Модуль менеджері» -> «Жасау» -> «HTML коды» тармағына өтіңіз. Көшірілген кодты «Мәтін» өрісіне қойыңыз, тақырып пен орынды (қалауыңыз бойынша басқа параметрлерді) орнатыңыз, «Жарияланған» параметрін орнатыңыз және сақтаңыз. Сақтағаннан кейін басқа «Редакторды» таңдауға болады.

Ескертпе: Pluso-ның әлеуметтік медиа түймелерінің тағы бір артықшылығы - оларды «орауға» болады. Бұл әрекет сіздің сайтыңыздың өнімділігін жақсартуға әкелмейді, бірақ бәрібір - пайдаланушының көз алдында беріктігін арттыру үшін кейбір ресурстарға нөлдік емес түймелер қажет.

Есептегішті қалай жинауға болады: бәрі қарапайым - кез келген түймені басқаннан кейін сіз немесе басқа пайдаланушы келесі әрекеттерден бас тарта аласыз, ал есептегіш көбейеді. Pluso веб-сайтындағы статистика - «бетті бөліскен» адамдар саны дұрыс болады.

Pluso - плюс белгішесін қалай жоюға болады

Веб-сайтымызда көрсету үшін қажетті түймелерді таңдағаннан кейін оларға «плюс» белгішесі автоматты түрде қосылады, оны меңзерді апарған кезде немесе басқан кезде барлық қолжетімді әлеуметтік желі түймелері бар терезе пайда болады:

Бұл белгішені жасыру қажет болса, мәнерлер парағына (css) келесі кодты қосу керек:

Pluso - көбірек (дисплей: жоқ! маңызды;)

Бұл код сайт пайдаланушылары үшін дисплейдегі белгішені көрсетуді блоктайды.

Pluso қызметіндегі түймелер статистикасы

Жоғарыда айтқанымдай, әлеуметтік желі түймелері бойынша кеңейтілген статистиканы алу үшін http://share.pluso.ru сервисінде тіркелу қажет.

Статистика 4 критерий бойынша жиналады және көрсетіледі:

Белсенділік - Pluso түймелері бар код орналасқан беттердегі пайдаланушылардың әлеуметтік белсенділігі. Мұнда сіз бетті бөліскен әрекеттердің санын (пайдаланушылардың нақты саны), пайдаланушылардың жалпы санынан бөліскен пайдаланушылардың пайызын және басқа көрсеткіштерді көре аласыз.
Танымал қызметтер - пайдаланушылар арасында ең танымал қызметтер мен басқа түймелердің графигі.
Танымал беттер - ең жоғары ұпай жинаған беттер
Әлеуметтік трафик - әлеуметтік трафиктің дөңгелек диаграммасы.

Joomla сайтыңыз үшін Вконтакте топтарын көрсетуге арналған танымал модуль.

Артықшылықтары:

Pluso X

Share Pluso әлеуметтік түймешігінің құрастырушысының эксперименттік нұсқасы. Ол белгіше дизайнын, қол жетімді әлеуметтік желілердің толық тізімі бар қалқымалы терезені жақсартты, сонымен қатар «+» таңбасы бар тітіркендіргіш қызғылт сары түймені өзгертті, оның орнында қазір сол плюс белгісі бар, бірақ жағымды дизайнда .
Әзірлеушілердің айтуынша, жаңа әлеуметтік түймелер арнайы әзірленген Көз торының мониторлары. Қалғанының бәрі, бір қарағанда, сол күйінде қалды. Өкінішке орай, конструктордағы қол жетімді опциялардың арасында мен есептегіші бар түймелерді таппадым, бірақ олар стандартты Pluso басылымында.
Мен олардың ескі конструкторды жаңасына ауыстыратынын білмеймін, бірақ қазіргі уақытта екеуі де әртүрлі сілтемелерде бір уақытта жұмыс істейді.

Мұны қосыңыз

Мұны қосыңызжоғары сапалы, стильді және икемді әлеуметтік түймелерді қамтамасыз ететін қызмет. Бұл ресурс батыста көш бастап тұр. Бұл бізде онша танымал емес, бірақ мен бұл виджеті бар орыс тілді сайттарды жиі кездестіремін.
Ақылы және ақысыз виджеттер бар. Тегін тіркелгіде тек ең негізгі опциялар қол жетімді. Ақылы концепцияда көптеген басқа дизайн тұжырымдамалары бар, мысалы: адаптивті түймелер, әртүрлі есептегіштері бар түймелер және т.б.
Менің ойымша, бұл нұсқа біздің адамдарға жарамайды, өйткені сіз қоңыраулар мен ысқырықтар үшін төлеуге тура келеді, ал ішкі нарықта сіз бәрін бірдей, бірақ тегін таба аласыз.
Add this конструкторында қолжетімді әлеуметтік желілердің үлкен тізімі бар, соның ішінде Вконтакте, Мой Мир және Одноклассники.үшін плагин бар.

жақсы бөлісу

Жеңіл және әдемі бөлісу түймелерісіздің сайтыңыз үшін өте тартымды шағын ендіру коды бар. Өкінішке орай, бірнеше түс схемасы бар бір ғана дизайн нұсқасы бар. Рунетте барлық танымал әлеуметтік желілер бар
Әзірлеушілердің пікірінше, олардың ойы оңтайландырылғанжәне іздеу жүйелері сіздің сайтыңызды жақсы көреді. Қаншалықты шындық барын білмеймін.
Егер сізге қоңыраулар мен ысқырықтар қажет болмаса, бұл опция сізге арналған.

үлестік

Мен жақында ашқан әлеуметтік түймелерді жасауға арналған өте қызықты Батыс қызметі.
үлестікбөлісу түймелерінің бірнеше жаңа тұжырымдамасын ұсынады. Жеке өзіме түймелердің үстіндегі көрсеткі ұнады (көрсеткілер өте күшті маркетинг құралы), бірақ, өкінішке орай, жазу ағылшын тілінде, сондықтан ол біздің адамдарға жарамайды. Қолжетімді әлеуметтік желілерге жатады Байланыста.