Скрипт на красиви бутони на социалните мрежи. Pluso - бутони за социални медии. Как бързо да инсталирате и конфигурирате. Позициониране на плаващата лента Share42
Не кълве? И вече са похарчени много пари за примамка на посетители. Инсталирали ли сте бутони за социални медии за сайта? Ясно е! Всички симптоми на заболяването по лицето - асоциален сайт. Ще лекуваме.
Защо един уебсайт се нуждае от бутони за социални медии?
Наличието на социални бутони на страниците на сайта не е само задължителен атрибут или моден аксесоар. На първо място, социалните бутони помагат на собственика на ресурса да спести пари от промоцията на сайта. В този случай промоцията се осъществява с помощта на посетители. И собственикът може само да напълни сайта си с качествено съдържание и да изчака притока на нови потребители:
Но тези бутони са необходими не само за собствениците на сайтове. Поставянето им е важно и за самите социални мрежи. Всеки от тези бутони е връзка, водеща към социален портал. И благодарение на този обмен на връзки се поддържа високо ниво на потребителска активност в самите социални мрежи. Ето защо популярните социални мрежи предоставят на сайтовете готови кодове за техните бутони.
Какво е обикновен социален бутон?
Например, нека вземем скрипта на социалния бутон VKontakte. Нейният код:
Тази част от кода трябва да бъде поставена в така наречения "хедър" на страницата на сайта. Този код съдържа адреса на скрипта, който трябва да се изпълни, когато се щракне върху социалния бутон. Ето втората част от кода, която отговаря за показването на изображението на бутона:
Второто парче код трябва да бъде поставено в частта от страницата, където ще се показва бутонът:
Външният вид на бутона може лесно да се регулира. За да направите това, трябва да отидете в специален раздел за техническа поддръжка на сайта на социалната мрежа. Тук можете да зададете стила на бутона, според който да се генерира кодът му.
Леки възможности за настаняване
Има специализирани услуги, които ви позволяват да поставите бутони на всички популярни социални мрежи на вашия сайт наведнъж. Това е много по-лесно от вграждането на скриптове за всеки от тях поотделно. Помислете за най-популярните от тези услуги:
Местоположението на лентата със социални бутони може да бъде избрано в няколко шаблона. В безплатната версия на акаунта е налична прибираща се странична лента. Има и безплатна версия на плъгина за WordPress. След регистрация на уебсайта на услугата се предоставя достъп до статистиката на преходите на социални бутони.
- Share42 е ясен и прост интерфейс с възможност за фина настройка на външния вид на панела със социални бутони. В същото време процесът на настройка е придружен от инструкции стъпка по стъпка, описващи действията, които трябва да се извършат. Следователно услугата е подходяща дори за неопитни уебмастъри:
Друго предимство на тази услуга е генерирането на скрипт за панела със социални бутони с поддръжка на няколко популярни CMS.
Социални бутони и WordPress
За популярни CMS са създадени много добавки за групова инсталация на социални бутони. Помислете за пример за инсталиране на плъгин Бутони за социално споделяне за WordPress.
Положителните аспекти на това разширение са напълно рускоезичен интерфейс, лекота на настройка и "острота" за популярните социални мрежи на Runet:
Стъпки, които трябва да следвате, когато инсталирате плъгин за социални бутони за WordPress.
1) Отидете в админ панела на сайта. Вляво изберете раздела „Добавки“, „Добавяне на нов“.
2) На страницата " Инсталирайте плъгини"В полето за търсене въведете името на разширението и щракнете върху бутона" Търсене на добавки»:
3) В резултатите от търсенето намираме името на желаното разширение. След това кликнете върху връзката "Инсталиране":
4) След като изтеглите архива и инсталирате, активирайте приставката, като щракнете върху съответната връзка:
5) След като го активирате, в лявата конзола с инструменти ще се появи нов раздел „Бутони за споделяне»:
Настройките на приставката се състоят от няколко елемента:
Още няколко доказани добавки за WordPress:
- Fixed Social buttons – този плъгин ви позволява да добавите плаващ социален панел към сайта, който може да бъде „залепен“ отгоре, отдолу или отстрани;
- Html Бутони за социално споделяне - този плъгин включва социални бутони, създадени изключително с css и html.
Социални бутони и Joomla
За този двигател също са създадени много добавки за работа със социални бутони. Помислете за процеса на инсталиране на разширение, като използвате SocButtons като пример. Характеристики на този плъгин:
- Поддръжка на всички най-популярни версии на двигателя;
- Лесен за настройка;
- Характеристиките на външния вид се задават за всеки бутон поотделно;
- Лек инсталационен пакет.
Процедура:
1) Отидете в административната част на сайта на Joomla и изберете иконата " Мениджър на разширения».
2) Тук определяме източника за изтегляне на разширението:
3) След като инсталирате разширението, отидете на " Мениджър на плъгини” и активирайте новоинсталираното разширение. За да направите това, щракнете върху зелената икона в горната част на страницата:
4) За да конфигурирате, щракнете върху името на разширението в списъка. В този плъгин настройките на дисплея се задават за всеки социален бутон поотделно:
Още няколко доказани разширения за Joomla:
- Social Bookmarking - този плъгин съществува в няколко версии наведнъж. Всеки ви позволява да поставите социалния панел на определена позиция ( хоризонтално, вертикално или като цяло го накарайте да плава);
- JL Like - този плъгин не зарежда допълнителни външни скриптове, позволява ви да поддържате статистика на гласовете от социалните мрежи.
Скрипт или плъгин?
Инсталирането на плъгина е най-лесният и бърз вариант. Най-често след инсталирането му целият сайт работи правилно. Но всичко може да се срине веднага след актуализиране на версията на двигателя до по-нова.
Поради несъответствие между версиите на двигателя и плъгина, могат да възникнат проблеми при работата на сайта. Най-често те са свързани с неправилно показване на елементи от дизайна. В нашия случай това са бутони за социални мрежи. Тогава идва разбирането, че понякога е по-добре да използвате гол скрипт вместо специализиран плъгин.
В новата версия на php двигателя структурата на методите и функциите се променя много рядко. Следователно скриптът лесно "прехвърля" процеса на такава актуализация.
Кодът на социалните бутони може да бъде получен в някоя от специализираните услуги. Техният преглед е представен по-горе. Да вземем за пример услугата Share42. Поддържа създаването на социални бутони за популярни двигатели. Процедура.
Добър ден, скъпи потребители на сайта - уебсайт, в днешната статия искам да ви разкажа за чудесната услуга Share.Pluso.ru. Този ресурс предлага красиви и функционални бутони за социални медии за вашия уебсайт.
Основните предимства на услугата Pluso - много голям брой бутони за социални мрежи, бърза настройка и инсталация, красив дизайн, обширна статистика, кодът на бутоните се зарежда асинхронно.
Предимства и характеристики на услугата
Има много услуги, плъгини (Socbuttons е плъгин за социални медии за Joomla) и други методи за добавяне на бутони за социални медии към сайта, каква е разликата между услугата Pluso и какви са нейните предимства?
- Огромен избор от вариации на дизайна на бутоните - повече от 300 опции
- Всичко, което е необходимо, за да инсталирате бутони на вашия сайт, е да отидете на Pluso, да изберете дизайн на бутон и да копирате кода, регистрация не е необходима
- Ако решите да се регистрирате за услугата, ще можете да видите подробна статистика за използването на инсталираните бутони.
- Услугата Pluso предлага голям брой социални мрежи, както и бутон за печат и отметки.
Персонализиране на външния вид на бутоните на социалните мрежи от услугата Pluso
Първо отиваме в конструктора на услугата - https://share.pluso.ru/, след което пристъпваме към персонализиране на дизайна на бутоните.
1. Изберете стила на бутоните и броя на показваните социални мрежи. Изборът става чрез просто плъзгане и пускане, между полетата "Избрани мрежи" и "Достъпни за избор", можете също да промените реда на бутоните.
2. В прозореца "Преглед" можете визуално да видите как ще изглеждат нашите бутони. Вдясно има допълнителни настройки:
- Размер на иконата - голям, среден, малък
- Форма - квадратна или кръгла
- Разположение на бутоните - в един или два реда
- Хоризонтални или вертикални бутони
- С или без брояч (което означава общия брояч за бутоните)
- С или без фон
3. След като персонализирате външния вид на бутоните, копирайте кода и го поставете на уебсайта си.
Как да инсталирате бутони за социални медии от Share.Pluso.ru на сайта на Joomla
Можете да поставите копирания код на бутона от Share Pluso във вашия Joomla сайт по няколко начина:
- Използване на модула "HTML код".
- Използване на "Компоненти" - "Банери"
- Директно към кода на страницата
Например ще използваме първия метод: в административния панел отидете на "Сайт" -> "Общи настройки" -> "Редактор по подразбиране" - изберете "Редактор без редактор" - щракнете върху "запазване и затваряне". След това отидете на „Разширение“ -> „Мениджър на модули“ -> „Създаване“ -> „HTML код“. Поставете копирания код в полето "Текст", задайте заглавие и позиция (други настройки по желание), задайте "Публикувано" и запазете. След като запазите, можете да изберете друг "Редактор".
Забележка: Друго предимство на бутоните за социални медии на Pluso е, че те могат да бъдат „навити“. Това действие няма да доведе до подобряване на производителността на вашия сайт, но все пак - някои ресурси се нуждаят от ненулеви бутони, за да увеличат солидността в очите на потребителя.
Как да навиете брояча: всичко е просто - след като натиснете произволен бутон, вие или друг потребител можете да отмените по-нататъшни действия и броячът ще се увеличи. Въпреки че статистиката на уебсайта Pluso - броят на хората, "споделили страницата" - ще бъде правилна.
Pluso - как да премахнете иконата плюс
След като сме избрали бутоните, необходими за показване на нашия уебсайт, към тях автоматично се добавя икона „плюс“, когато задържите или щракнете върху нея, ще се появи прозорец с абсолютно всички налични бутони на социалните мрежи:
Ако трябва да скриете тази икона, тогава трябва да добавите следния код към вашия стилов лист (css):
Pluso - повече ( показване : няма ! важно ; ) |
Този код блокира показването на иконата на дисплея за потребителите на сайта.
Статистика на бутоните от услугата Pluso
Както споменах по-рано, за да получите разширена статистика за бутоните на социалните мрежи, трябва да се регистрирате в услугата http://share.pluso.ru.
Статистиката се събира и показва според 4 критерия:
- Активност - социална активност на потребителите на тези страници, на които се намира кодът с бутони от Pluso. Тук можете да видите броя на действията, които са споделили страницата (действителен брой потребители), процента на потребителите, които са споделили от общия брой потребители и други показатели.
- Популярни услуги - Графика на най-популярните услуги и други бутони сред вашите потребители.
- Популярни страници - Страници с най-висок резултат
- Социален трафик - кръгова диаграма на социалния трафик.
Популярен модул за показване на групи Vkontakte за вашия сайт Joomla.
Защо е нужна тя? - ти питаш. Вероятно се опитвам да съм в крак с времето - ние изоставаме от буржоазията, а промоцията на уебсайта им е малко по-различна от сегашната ни реалност.
Ако погледнете блоговете в буржоазията, тогава почти без изключение върху тях са инсталирани различни плаващи панели, които ви позволяват да добавите съобщение за статия към най-популярните социални мрежи и отметки. Сега е доста трудно за буржоазията да напредва чрез закупуване на връзки и значението на социалните сигнали започна да расте невероятно.
Панелът ви позволява да увеличите броя на споделянията на статии и следователно да повлияете на . Е, след като и нас ни очаква нещо подобно, би било редно да изпреварим малко събитията.
Защо имате нужда от Share42 панел, неговите предимства
Исках да има панел с бутони точно за тези четири социални мрежи, които са най-подходящи за Runet. Напълно възможно е това социални знацивсе още не сме всемогъщи като тези на буржоазията, поради факта, че те просто все още не са достатъчни, за да извършат съответна проба.
Но е по-добре да започнете да ги събирате сега и да бъдете напълно въоръжени, когато глобалният Армагедон дойде в Рунет за, според нашето извратено разбиране, значително намаляване на влиянието и по-строго наказание за манипулиране на връзки.
Като цяло, въвеждайки различни заявки в Google и търсейки подходящ панел, попаднах на сайта Dimox.name, но когато видях красив панел там, не намерих за необходимо да търся описание на монтажа му на своя ресурс.
Просто знам, че той сам прави такива неща (без плъгини), но днес наистина не исках да се задълбочавам в нюансите и настройките. Исках да взема няколко парчета код и да получа страхотна, от естетическа гледна точка и работеща версия плаващи бутони за социални медии.
Тогава попаднах на услугата Share42 и, като видях същите бутони за социални мрежи в нея, бях малко изненадан - Dimox използва щамповане. Това е нещо като опитен обущар да ходи в потребителски стоки. Но след като се разрових малко из нета попаднах къде пише за пускането на безплатна услуга за самостоятелен избор, конфигурация и получаване на готов код на скрипт на социалния бутон.
Той беше уморен от молби за помощ при създаването на бутони за сайта, затова отвори отделен проект, който според мен сега е най-добрият от всички предложения на пазара. Нека просто ги изброя професионалистикоето ми хвана окото:
Сега за минусите:
- Трябва да имате поне основни познания за и. Не мисля, че веднага ще се втурнете да четете моите публикации, но все пак се надявам на вашето намерение да правите това в бъдеще (все пак се опитах, писах и появата на тези статии само предизвика бърз отлив на абонати - за съжаление).
Освен това ще трябва да си представите поне приблизително как е подреден този, който използвате. Например, не е необходимо да се задълбочавате в кода - можете да го използвате (въпреки че не съм го пробвал за този скрипт).
Ако минусите не са съществени за вас (или сте готови да стагнирате в търсене на истината), а плюсовете са значителни, тогава можете да прочетете тази статия допълнително. Дето се вика - не превключвайте. Ще ви преведа през много проста настройка и изглед на създадената лента с бутони за социални медии на Share42, както и как да я инсталирате на . Не ме обвинявайте, но блогът ми работи на този двигател.
Настройка на Share42 и инсталиране на скрипта на сайта
Хвърлих тази папка в директорията с добавки на WordPress, така че на четвъртата стъпка от съветника трябваше да посоча този път:
Освен това трябваше да поставя отметка в квадратчето до WordPress, защото моят блог използва този двигател. Всичко с настройките за споделяне приключи, остава само да вмъкнете Html и CSS кода, предложен в петата и шестата стъпка на съветника. Всъщност тук обикновено има сериозни проблеми за неподготвените потребители.
Имайте предвид, че съдържанието на този код се променя незабавно, когато правите промени в настройките си (Ajax е страхотен и ужасен, очевидно). Следователно, когато избирате вертикална плаваща лента, ще трябва да вмъкнете два CSS кодови фрагмента вместо един (когато избирате хоризонтална лента). Но това са всички подробности, макар и много впечатляващи и приятни (благодаря на Dimox).
Нека първо поговорим за простите - вмъкване на CSS код. Копирайте един или два фрагмента от правила и намерете файла с каскаден лист със стилове, който вашият шаблон или тема използва.
В WordPress обикновено се нарича Style.css и се намира в папката с темата, която използвате (/wp-content/themes/име на темата). В Joomla трябва да потърсите стиловия файл в папката с шаблона, който използвате в момента (/templates/template name)
Просто отворете този файл за редактиране, например, и добавете фрагментите от стиловия код, който сте копирали, до самия край (ние ще поставим HTML кода другаде). Запазете промените и не забравяйте, когато отидете на Filezila, приложете тези промени, като се съгласите с изскачащата оферта.
Е, сега е време да се заемем с трите реда Share42 скрипт html код. Авторът съветва да ги вмъквате преди или след статии. В WordPress това не е лесно, но много просто. Отворете файла single.php за редактиране от вашата папка с теми (не забравяйте, че той се намира в /wp-content/themes/WordPress име на тема).
Можете да поставите кода веднага след статиите. За да направите това, намерете реда с функцията the_content и вмъкнете предложения фрагмент веднага след него, например така: