Скрипта на прекрасни копчиња на социјалните мрежи. Сопствени социјални копчиња. Се прикачуваат слики на копчето на серверот

Но, оваа скрипта има еден недостаток - скрипта што се справуваше со однесувањето на прелистувачот кога беше кликнато на едно од копчињата. Еве дел од тоа, во кој и вие лесно можете да видите два проблеми:

Vkontakte: функција (чистка, титл, pimg, текст) (url \u003d "http://vkontakte.ru/share.php?"; Url + \u003d "url \u003d" + encodeURIC компонента (purl); url + \u003d "& наслов \u003d "(! LANG: + encodeURIC компонента (ptitle); url + \u003d"&description=" + encodeURIComponent(text); url += "&image=" + encodeURIComponent(pimg); url += "&noparse=true"; Share.popup(url); }, !}

Првиот проблем е мал и многумина може да ми кажат: „Еј, пријателе, го напиша ова во 2012 година! Само смени ја линијата и тоа е тоа “. И јас се согласувам со тебе дека можеш само да се променишvkontakte.ru до vk.com и само затворете го прашањето.

Второ, треба да се напише нов блок за секоја услуга. Што исто така не е многу проблематично, само копирајте-залепете и отстранете / додадете ги потребните параметри.

Но, што прави ова сценарио на крајот? Само создава скокачки прозорец што ги поминува наведените параметри. Ова се линиите:

Скокање: функција (url) (прозорец.отворен (url, "", "лента со алатки \u003d 0, статус \u003d 0, ширина \u003d 626, висина \u003d 436");)

Токму делото на оваа скрипта малку ја изменив. Но, повеќе за тоа подолу. Да ги погледнеме самите копчиња и како тие работат.

Прво, треба да имаме неколку променливи за копчињата за споделување:

• $ Наслов - Наслов (наслов) на страницата
• $ Опис - Опис на страницата
• $ ImageUrl - патека до сликата на страницата
• $ Линк - директна врска до страницата

Ги именував конвенционално за да биде јасно јасно колку од нив се потребни и што се. Како ќе бидат преземени на вашата страница - рачно или автоматски - зависи само од апликацијата на која ќе се изврши. На пример, во WordPress CMS ќе изгледа вака:

• $ Наслов - ова е
• $ Опис —
• $ ImageUrl —
• $ Линк —

Сега, на местото што ни треба, го вметнуваме следниот код, каде што наместо променливите ги заменуваме потребните вредности (доколку е потребно):

Тоа е се! Резултатот од работата можете да го видите на крајот на овој напис.

Преглед на домашни дизајнери и скрипти на копчиња за социјални медиуми за веб-страници, како и странски аналози. Накратко, разбирливо и јасно.

Дизајнери на копчиња за социјални медиуми за веб-страница

2. Лесен начин да добиете врски до страницата - QIP.RU
Ставете го копчето на страницата и дајте им можност на посетителите да ги додадат своите омилени материјали на страниците во обележувачи, блогови и социјални мрежи. Три чекори: каде да го обележите копчето (страница, Блогер или WordPress), стилизирајте ги копчињата (надвор од кутијата) и добијте го копчето.

3. Копчиња за додавање содржина во социјалните мрежи - Плусо
Поставете ги копчињата и дајте им можност на посетителите да ги споделат страниците што ги сакаат на социјалните мрежи, како и да печатат, да испраќаат е-пошта и да додаваат обележувачи.

4. Услуга на социјална активност - UpToLike
Прилагодени копчиња за социјални медиуми со можност за поставување боја, форма, големина и специјални ефекти. Дополнителни одлики се графичкиот елемент за споделување на слики PicShare, функцијата „Цитат“ и прилагодената функција „Следно“.

5. Едно копче! - за сите услуги на обележувачи и социјални мрежи
Изберете вид на копче. Каде ќе се инсталира копчето: веб-страница, Блогер или WordPress. Додадете копче.

Скрипти на копчињата за социјални медиуми за страницата

1. Прекрасни социјални копчиња за страницата - Goodshare.js
Прикажи ги копчињата на скоро секој уред. Чист код. Кратка документација. SEO пријателски.

2. Копчиња за скрипти за социјални обележувачи и мрежи - Share42
Изберете ја големината и обележете ги иконите на услугите што сакате да ги користите на страницата. Изберете ги опциите што ги сакате. Погледнете како ќе изгледа и / или преземете готова скрипта. Инсталирајте ја скриптата на вашата веб-страница на WordPress, Друпал, итн.

3. Прекрасните социјални медиуми како копчиња што користат jQuery - социјални допаѓања
Скрипта на копчиња „како“ со бројачи во ист стил за социјалните мрежи: Фејсбук, Твитер, ВКонтакте, Однокласници, Мојот свет, Гугл+ и Пинтрест.

Странски аналози на копчиња за социјални медиуми за веб-страница

1. Копчиња за споделување - AddThis
Копчињата за споделување ќе ви помогнат да ја зголемите публиката на вашата страница со привлекување посетители од други ресурси и социјални мрежи, преку дистрибуираната содржина.

4. Социјално споделување - По.ст.
Добијте поголема вредност од споделувањето на социјалните мрежи. Услугата ќе го олесни процесот на споделување во социјалните мрежи за посетителите, што ќе го зголеми органскиот сообраќај на страницата.

5. Копчиња за споделување за која било веб-страница - AddToAny
Добијте код на копчињата за социјални медиуми за која било веб-страница. Изберете тип и стил на копче, наведете е-пошта и други опции или изберете една од платформите: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad или FeedFlare. Добијте го кодот на копчето.

Неодамна, секој втор (ако не и првиот) клиент во барањата за развој на страницата бара да биде сигурен да го поврзе со социјалните мрежи. Копчињата „Социјални“ на страницата се алатка број 1 за привлекување целна публика, дистрибуција на содржина и односи со јавноста воопшто. И тоа е потполно бесплатно!

Социјалните мрежи обезбедуваат кодови за нивните копчиња и додатоци за поставување на страницата и приложуваат упатства за нивно инсталирање во системот за управување со содржини. Било кој CMS (оперативен систем) ви овозможува да ги инсталирате, главната работа е хармонично да ги вклопите во дизајнот на вашата страница.

Кои се одликите и функциите?

Ако вашата страница е насочена кон луѓе кои комуницираат со популарни социјални. мрежи, на пример, Вконтакте, Твитер, Инстаграмм, Фејсбук, Гугл+, Пинтерест итн., и сакате да ги покриете сите, за да не ги поставувате копчињата за секоја од нив одделно, со оглед на тоа што може да се разликуваат по големина и дизајн, препорачуваме да користите услуги за агрегатор. Овие се едноставни и практични алатки кои ќе им овозможат на посетителите на страниците брзо да споделуваат информации со своите пријатели, без оглед на тоа која социјална мрежа ја користат. Подолу ќе ги анализираме најпопуларните услуги.

Копчиња за социјални медиуми Сподели Плусо

„Зошто и е потребна? - прашуваш Веројатно, се обидувам да продолжам со времето - заостануваме зад буржоазијата, а нивната промоција на страници е нешто поразлична од нашата сегашна реалност.

Ако ги погледнете блоговите во буржоазијата, тогаш скоро сите имаат разни лебдечки панели што ви овозможуваат да додадете најава за написот на најпопуларните социјални мрежи и обележувачи. Сега е прилично тешко за буржоазите да напредуваат со купување врски и важноста на социјалните сигнали започна неверојатно да расте.

Панелот ви овозможува да го зголемите бројот на споделување статии и затоа да влијаете на. Па, бидејќи не чека вакво нешто, би било добро малку да се понапредат од настаните.

Зошто ви е потребен панел Share42, неговите предности

Сакав да имам панел со копчиња за овие четири социјални мрежи, кои се најрелевантни за рускиот Интернет. Можно е тоа социјални сигнали во нашата земја тие сè уште не се семоќни како кај буржоазите затоа што едноставно сè уште не се доволни за да се спроведе релевантна селекција.

Но, подобро е сега да започнеме да ги собираме и да бидеме целосно вооружени кога глобален Армагединец ќе дојде во Рунет, според нашето изопачено разбирање - значително намалување на влијанието и построга казна за манипулација со врските.

Општо, внесувајќи различни пребарувања на и Google, додека барав соодветна верзија на панелот, наидов на веб-страницата Dimox.name, но кога видов таму прекрасен панел, не сметав дека е потребно да барам опис на нејзината инсталација на нејзиниот ресурс.

Само знам дека тој прави такви работи самиот (без додатоци), но денес навистина не сакав да навлегувам во нијансите и поставките. Сакав да земам неколку парчиња код и да добијам одлична, од естетска гледна точка, и работна верзија лебдечки копчиња на социјалните медиуми.

Потоа наидов на услугата Share42 и кога ги видов истите копчиња на социјалните мрежи на неа, малку се изненадив - Димокс користи печат. Некако е како квалификуван чевлар да оди на производи за широка потрошувачка. Како и да е, откако малку прошетав по мрежата, наидов на местото каде што тој пишува за лансирање на бесплатна услуга за самоизбор, конфигурација и добивање на готов код за скрипта за социјални копчиња.

Уморен од барање помош при креирање копчиња за страницата, тој отвори посебен проект, кој, според мое мислење, сега е најдобриот од сите понуди на пазарот. Само да ги набројам тие добрите странитоа ми падна во очи:

Сега за минусите:

1. Треба да имате барем основно разбирање за и. Не мислам дека веднаш ќе брзате да ги прочитате моите публикации, но сепак се надевам на вашата намера да го сторите тоа во иднина (на крајот на краиштата, се обидов, пишував, а појавувањето на овие статии само предизвика брз одлив на претплатници - тажно е).

Исто така, ќе треба да замислите барем приближно како е уреден оној што го користите вие. На пример, не мора да копате во кодот - можете да го користите (иако не сум го пробал за оваа скрипта).

Ако недостатоците не се значајни за вас (или сте подготвени да стапнете на лице место во потрага по вистината), а предностите се значителни, тогаш сте добредојдени да го прочитате овој напис понатаму. Што се нарекува - не менувајте. Coverе опфатам многу едноставна поставка и преглед на креираната лента за копчиња на социјалните медиуми на Share42, како и како да ја инсталирате. Не обвинувај ме, но токму на овој мотор работи мојот блог.

Конфигурирање на Share42 и инсталирање на скриптата на страницата

Ја фрлив оваа папка во директориумот со додатоци на WordPress, така што во четвртиот чекор на волшебникот, морав да ја наведам оваа точна патека:

И, исто така, морав да ставам крлеж пред WordPress, бидејќи ова е моторот што го користи мојот блог. Сè, со поставките за Споделување, е готово, останува само да се вметнат кодот Html и CSS предложен во петтиот и шестиот чекор на волшебникот. Всушност, ова е местото каде што обично се појавуваат сериозни проблеми за необучени корисници.

Имајте на ум дека содржината на овој код се менува веднаш кога ќе направите промени во поставките (Ајакс е очигледно одличен и ужасен). Затоа, при избор на вертикална лебдечка лента, ќе мора да вметнете две парчиња CSS-код наместо еден (при избор на хоризонтална лента). Но, ова се сите детали, иако многу импресивни и пријатни (слава на Димокс).

Ајде прво да разговараме за едноставното - вметнување на CSS код... Копирајте парче правило или две и пронајдете ја датотеката со каскадни листови за стилови што ги користи вашиот образец или кожа.

Во WordPress обично се вика Style.css и живее во папката со темата што ја користите (/ wp-content / themes / име на тема). Во omумла, треба да ја побарате датотеката со стил во папката со шаблонот што го користите во моментов (/ шаблони / име на образец)

Вие само ја отворате оваа датотека за уредување, на пример, и додадете на самиот крај фрагментите од стилот-кодот што го копиравте (ние ќе го залепиме HTML-кодот на друго место). Зачувајте ги промените и не заборавајте, со одење во Filezila, да ги примените овие промени согласувајќи се со поп-ап понудата.

Па, сега е време да се справиме со три реда Шифра за скрипта HTML, Share42... Авторот советува да ги вметнете пред или по написите. Во WordPress, ова не е лесно, но многу едноставно. Отворете ја датотеката single.php за уредување од папката со вашата тема (запомнете, таа живее во / wp-content / themes / името на темата WordPress).

Може да го залепите кодот веднаш по написите. За да го направите ова, пронајдете ја линијата со функцијата_ содржината и вметнете го предложениот фрагмент веднаш по него, на пример, вака: