php — Собственные лайки на странице

Делаю я значит на сайте раздел статей, которые имеют заголовок, текст, изображения и комментарии пользователей. Хотелось бы добавить еще ко всему вышеперечисленному лайки статей, чтобы пользователи могли без комментариев просто лайкать статьи. Подсчет идет лайков от уникальных пользователей. Как это можно сделать? Натолкните на мысль… Есть картинка наверное в виде сердца и счетчик рядом с ней. По нажатию на картинку должен срабатывать код, который берет ip-адрес пользователя и плюсовать к счетчику значение одно. Записывает лайк в базу данных и сменяет картинку лайка на нажатый. Так мыслю? Как на практике такое реализовать?

9

создайте таблицу где id article_id ip и при при лайке проверяйте если данный ip есть в базе с этой статьей то не добавляется лайк или выводиться значек сразу что вы уже лайкнули. Количество лайков считается по количеству записей для данной статьи. Можно привязывать вместо ip хеш IP+браузер или через куку… дело техники.. но однозначно AJAX… И еще не используйте таблицу для лафков типа InnoDB так как она блокируеться при записи и если чисто теоретически кто то счелкнит на разных компах в один и тот же момент то засчитывается только один.. как то так..во общем..

4

Сам уже как то реализовывал такой принцип: При лайке ты записываешь в базу ник или id зарегистрированного пользователя. То есть в одном месте привязанном к конкретной статье ты сохраняешь ники через разделитель (например #). Ты знаешь кто конкретно лайкал и сколько их. Естественно перед сохранением нужно проверить на наличие. Даже можно уже на странице иметь готовый масив ников.

А про ajax+jQuery: разобраться 15 минутное дело! Возмись и через 15мин (максимум 30мин) ты будешь все знать! Сейчас без этого трудно, шагните из прошлого века.

4

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Кнопка «Мне нравится» — рейтинг для сайта

Основное

Тема

Произвольная тема

Размер кнопки

Размер шрифта

Размер иконки

Иконка «Нравится»

hrt1hrt10hrt11hrt12hrt13hrt2hrt3hrt4hrt5hrt6hrt6-ohrt7hrt7-ohrt8hrt9thmb3-uthmb3-dthmb4-uthmb4-dthmb5-uthmb5-dthmb7-uthmb7-dthmb8-uthmb8-dthmb9-vthmb9-uthmb2-uthmb2-dthmb1thmb6alrt1alrt2arr1-darr1-uarr10-darr10-uarr11-darr11-larr11-rarr11-uarr12-darr12-uarr13-darr13-uarr14-darr14-uarr15-darr15-uarr16-darr16-uarr17-darr17-uarr18-darr18-uarr19-darr19-uarr2-darr2-uarr3-darr3-uarr4-darr4-uarr5-darr5-uarr6-darr6-uarr7-darr7-uarr8-darr8-uarr9-darr9-ublb1blb2bllbll-obsktdmndflg1flg2flg2-fflg2-olck1-clck1-olck2-clck2-orndrnd-0sgn1-ssgn1-tsgn10-csgn10-tsgn11-isgn11-qsgn12-msgn12-psgn2-msgn2-psgn3-csgn3-msgn3-psgn3-tsgn4-csgn4-tsgn5-tsgn6-msgn6-psgn7-csgn7-msgn7-psgn7-tsgn8-csgn8-msgn8-psgn8-tsgn9-fsky-snsky-mnsml1sml2sml3-hsml3-nsml3-ustckstr1str1-ostr2str2-otrshusr1usr1-ousr2-cusr2-pvlm1-dvlm1-uzapzm-inzm-out

Иконка «Не нравится»

hrt1hrt10hrt11hrt12hrt13hrt2hrt3hrt4hrt5hrt6hrt6-ohrt7hrt7-ohrt8hrt9thmb3-uthmb3-dthmb4-uthmb4-dthmb5-uthmb5-dthmb7-uthmb7-dthmb8-uthmb8-dthmb9-vthmb9-uthmb2-uthmb2-dthmb1thmb6alrt1alrt2arr1-darr1-uarr10-darr10-uarr11-darr11-larr11-rarr11-uarr12-darr12-uarr13-darr13-uarr14-darr14-uarr15-darr15-uarr16-darr16-uarr17-darr17-uarr18-darr18-uarr19-darr19-uarr2-darr2-uarr3-darr3-uarr4-darr4-uarr5-darr5-uarr6-darr6-uarr7-darr7-uarr8-darr8-uarr9-darr9-ublb1blb2bllbll-obsktdmndflg1flg2flg2-fflg2-olck1-clck1-olck2-clck2-orndrnd-0sgn1-ssgn1-tsgn10-csgn10-tsgn11-isgn11-qsgn12-msgn12-psgn2-msgn2-psgn3-csgn3-msgn3-psgn3-tsgn4-csgn4-tsgn5-tsgn6-msgn6-psgn7-csgn7-msgn7-psgn7-tsgn8-csgn8-msgn8-psgn8-tsgn9-fsky-snsky-mnsml1sml2sml3-hsml3-nsml3-ustckstr1str1-ostr2str2-otrshusr1usr1-ousr2-cusr2-pvlm1-dvlm1-uzapzm-inzm-out

Цвет иконки «Нравится»

Цвет после голосования

Цвет иконки «Не нравится»

Цвет после голосования

Цвет надписи

Цвет после голосования

Цвет счётчика лайков

Цвет счётчика дислайков

Цвет фона

Фон после голосования

Цвет границы

Шрифт

ArialArial BlackArial NarrowBrush Script MTComic Sans MSCopperplateCourier NewGeorgiaImpactLucida ConsoleLucida GrandeLucida Sans UnicodePalatinoPapyrusTahomaTimes New RomanTrebuchet MSVerdana

Стиль шрифта надписи

ОбычныйОбычный наклонныйЖирныйЖирный наклонный

Стиль шрифта счётчика

ОбычныйОбычный наклонныйЖирныйЖирный наклонный

Язык

Отправить перевод

English [en]Russian [ru] – РусскийAfrikaans [af] – AfrikaansArabic [ar] – العربيةArmenian [hy] – ՀայերենBelarusian [be] – БеларускаяBengali [bn] – বাংলাBulgarian [bg] – Български езикBosnian [bs] – bosanski jezikCatalan [ca] – CatalàChinese [zh_CN] – 简体中文Chinese (Hong Kong) [zh_HK] – 简体中文Czech [cs] – ČeštinaPersian (Farsi) [fa] – فارسیFinnish [fi] – SuomiFrench [fr] – FrançaisDanish [da] – DanskDutch [nl] – NederlandsGerman [de] – DeutschGreek [el] – ΕλληνικάHebrew [he] – עבריתHungarian [hu] – MagyarIndonesian [id] – Bahasa IndonesiaItalian [it] – ItalianoJapanese [ja] – 日本語Kazakh [kk] – Қазақ тіліKorean [ko] – 한국어Latvian [lv] – Latviešu valodaLithuanian [lt] – Lietuvių kalbaNepali [ne] – नेपालीNorwegian (Bokmal) [no] – Norsk bokmålPolish [pl] – PolskiPortuguese [pt] – PortuguêsPortuguese (Brazil) [pt_BR] – Português do BrasilRomanian [ro] – RomânăSerbian [sr] – Српски језикSlovak [sk] – SlovenčinaSlovenian [sl] – SlovenščinaSpanish [es] – EspañolSwedish [sv] – SvenskaThai [th] – ไทยTurkish [tr] – TürkçeUkrainian [uk] – Українська моваVietnamese [vi] – Tiếng Việt

Текст кнопки «Нравится»

Анимация при голосовании

pushgrowbuzzwobblebounceshakeheartbeat

Убрать копирайт
VIP ULTRA

Да 
Нет

Google Rich Snippets

Да 
Нет

Укажите информацию об элементе, иначе Google не проиндексирует структурированные данные на вашем сайте.

Имя кнопки

Использовать адрес страницы в качестве имени кнопки

Произвольное имя

Имя кнопки используется для анализа статистики. Оно должно быть уникальным для каждой кнопки, в противном случае будет отражаться один и тот же результат голосования для всех кнопок с одинаковым именем.

Элементы кнопки

Вертикальное расположение

Да 
Нет

Выводить надпись «Нравится»

Да 
Нет

Выводить надпись «Не нравится»

Да 
Нет

Выводить кнопку «Нравится»

Да 
Нет

Выводить кнопку «Не нравится»

Да 
Нет

Показывать иконку «Нравится»

Да 
Нет

Показывать иконку «Не нравится»

Да 
Нет

Голосование

Голосование разрешено

Да 
Нет

Разрешена отмена голоса

Да 
Нет

Разрешено одновременно лайкать и дислайкать

Да 
Нет

Как часто посетитель может голосовать (сек)

Как часто посетитель может голосовать, используя данную кнопку. Число в секундах, минимум 1 секунда. Убедитесь в том, что установленное значение меньше, чем «интервал приёма голосов с IP-адреса» для вашего сайта. Посетитель может голосовать повторно только после перезагрузки страницы.

Имя группы кнопок

Счётчик

Показывать счётчик голосов

Да 
Нет

Тип счётчика

ЧислоПроцентВычитать дислайкиЧисло снаружи

Счётчик голосов кликабельный

Да 
Нет

Формат счётчика

Без разделителя тысяч (3700)Пробел как разделитель тысяч (3 700)Запятая как разделитель тысяч (3,700)Точка как разделитель тысяч (3.700)Апостроф как разделитель тысяч (3’700)K для тысяч (3.7K), M для миллионов (15.2M)

Маска счётчика

Начальное случайное количество лайков  
ULTRA

Вы можете устанавливать начальное количество лайков для кнопок на странице Сайты.

Показывать нулевое значение в счётчике

Да 
Нет

Анимировать счётчик голосов

Да 
Нет

Всплывающее окно

Поделиться

Показывать кнопки «поделиться» во всплывающем окне
PLUS PRO VIP ULTRA

Да 
Нет

Размер кнопок «Поделиться»

Коды сервисов AddThis PRO VIP ULTRA

100zakladok2tag2linkmea97abiaddressbaradftyadifniadvqramazonwishlistamenmeaimaolmailapsenseartoazadegibaangbaiduballtribebeat100biggerpocketsbitlybizsugarblandblinklistbloggerbloggyblogkeenblogmarksblurpaliciousbobrdobrbonzoboxsocialbookmarkingnetbookmarkyczbookmerkendeboxbrainifybryderibuddymarksbufferbuzzzycamyoocare2foodlvechiqciripciteulikeclassicalplacecleanprintcleansavecndigcoliviatechnerdcosmiqcssbasedcurateusdeliciousdigaculturanetdiggdiggitadigodiigodomelhordotnetshoutoutdoubandraugiemdropjackdududzoneefactorekudoselefantaplemailmailtoembarkonsevernoteextraplayezyspotstylishhomefabulously40facebookfacebook_likefoursquareinformazionethefancyfarkfarkindafashiolistafavablefavesfavlogdefavoritendefavoritesfavoritusfinancialjuiceflakerflipboardfolkdformspringthefreedictionaryfresquifriendfeedfunpfwispgamekickergggifterygigbasketgivealinkgmailgovngoodnoowsgooglegoogleplusgoogletranslategoogle_plusonegoogle_plusone_sharegreaterdebaterhackernewshatenagluvsnaphedgehogshistorioushootsuitehotklixhotmailw3validatoridenticaihavegotindexorinstapaperiorbixirepeaterisocietyiwiwjamespotjappyjollyjumptagskaboodlekaevurkaixinketnooikindleitkledykommentinglatafaneracatlibreriolidarlinkedinlinksgutterlinkshareslinkujlivejournallockerbloggerlogger24mymailrumargarinmarkmemashantmashbordme2daymeinvzmekusharimmemonicmemorimendeleymeneamelivemisterwongmisterwong_demiximoemestomoikrugmrcnetworkitmyspacemyvidstern4gnaszaklasanetlognetvibesnetvouznewsmebacknewstrustnewsvinenujijodnoklassniki_ruoknotizieopenthedooroyylapackgpafnetdepdfonlinepdfmyurlphonefavspinterestpinterest_shareplanypusplaxoplurkpocketposteezyprintprintfriendlypushaqrfinqrsrcquantcastqzoneredditrediffredkumresearchgatesafelinkingscoopatscoopitsekomanselect2gethershavehshetoldmesinaweiboskyrocksmirusodaheadsonicospinsnapyiidspringpadstartaidstartlapstoryfollowerstudivzstuffpitstumbleuponstumpediasuliasunlizesupbrosurfingbirdsvejosymbalootaazatagzatapituretaringatextmethewebblendthinkfinitythisnextthrillonthrowpiletolytopsitelernettransferrtuentitulinqtumblrtvinxtwittertwitthistypepadupnewsurlaubswerkdeviadeovirbvisitezmonsitevkvkrugudruzeivoxopolisvybralismewanelointernetarchivesharerwebnewswebsharewerkenntwenwhatsappdomaintoolswhoiswindowswirefanwishmindrwordpresswowboredraiseyourvoicewykopxangaxingyahoobkmyahoomailyammeryardbarkeryiggyookosyoolinkyorumcuyumyoumobyuubyzakladoknetziczaczingmemorecompactpreferred_1preferred_2preferred_3preferred_4preferred_5preferred_6preferred_7preferred_8

Описание элемента

Информация об элементе, которая используется при репостинге в социальных сетях и для отображения описания и рейтинга в Google Rich Snippets.

URL элемента

Заголовок элемента

Описание элемента

(Необязательное)

Картинка элемента

Дата элемента

(Используется только в Google Rich Snippets. Дата и время публикации элемента в формате ISO 8601: 2022-12-12T08:00:00+08:00)

Загрузка

Ленивая загрузка

Да 
Нет

Показывать лоадер во время загрузки кнопки

Да 
Нет

URL картинки лоадера

Всплывающие подсказки

Показывать всплывающие подсказки

Да 
Нет

Всегда показывать всплывающую подсказку кнопки «Мне нравится»

Да 
Нет

Всегда показывать всплывающую подсказку кнопки «Не нравится»

Да 
Нет

ID сайта

ID сайта

Укажите ID сайта в следующих случаях:

• У вашего сайта несколько доменов (псевдонимов).
• Ваш сайт – локальный (находится на локальном сервере и доступен только из вашей локальной сети и НЕ доступен из Интернета).
• Ваш сайт – сайт-подкаталог (является одним из сайтов, расположенных в разных подкаталогах на одном домене, и вы хотите иметь статистику отдельную от других сайтов на этом домене).

Вы можете найти ID сайта на вашей странице Сайты.

События

JavaScript-функция обратного вызова

Указанная функция получает объект события как единственный аргумент. Объект события имеет следующие атрибуты:

type – указывает, какое событие произошло:

• «likebtn.loaded»
• «likebtn.like»
• «likebtn.unlike»
• «likebtn.dislike»
• «likebtn.undislike»

settings – настройки кнопки
wrapper – DOM-элемент кнопки

Тексты

Направление слева направо (RTL)

Да 
Нет

Текст кнопки «Не нравится»

Текст кнопки «Нравится» после нажатия

Текст кнопки «Не нравится» после нажатия

Всплывающая подсказка кнопки «Нравится»

Всплывающая подсказка кнопки «Не нравится»

Всплывающая подсказка кнопки «Нравится» после нажатия

Всплывающая подсказка кнопки «Не нравится» после нажатия

Текст перед кнопками «Поделиться»

Текст кнопки «Закрыть» во всплывающем окне

Текст во всплывающем окне при отключённой функции «Поделиться»

Текст перед кнопками «Отблагодарить рублём»

Кнопка «Нравится» — Социальные плагины — Документация

Когда человек, посещающий вашу веб-страницу, нажимает кнопку «Нравится», инициируется событие приложения, чтобы зарегистрировать лайк на Facebook.

Изменения в социальных плагинах в Европейском регионе

Вы можете начать замечать некоторое влияние на социальные плагины из-за обновленного запроса согласия на использование файлов cookie, которое будет отображаться для людей, использующих продукты Facebook в Европейском регионе.
Мы больше не будем поддерживать социальные плагины «Мне нравится» и «Комментарий» для пользователей Европейского региона, если они оба 1) не вошли в свою учетную запись Facebook и 2) не дали согласие на управление «файлами cookie приложений и веб-сайтов». Если оба эти требования соблюдены, пользователь сможет видеть и взаимодействовать с плагинами, такими как кнопка «Нравится» или «Комментарий». Если какое-либо из вышеперечисленных требований не будет выполнено, пользователь не сможет увидеть плагины.

Европейский регион представляет собой определенный список стран, включающий:

• Европейский союз (ЕС): Австрия, Бельгия, Болгария, Хорватия, Республика Кипр, Чехия, Дания, Эстония, Финляндия, Франция, Германия , Греция, Венгрия, Ирландия, Италия, Латвия, Литва, Люксембург, Мальта, Нидерланды, Польша, Португалия, Румыния, Словакия, Словения, Испания, Швеция

• Страны, не входящие в ЕС, но находящиеся только в ЕЭЗ/ЕАСТ или Таможенном союзе: [Только ЕЭЗ/ЕАСТ] Исландия, Лихтенштейн и Норвегия; Швейцария: [Таможенный союз ЕС] все Нормандские острова, остров Мэн, Монако; суверенные базы Великобритании на Кипре; [Европейский таможенный союз] Андорра, Сан-Марино, Ватикан.

• Не входящие в ЕС, но входящие в состав европейских отдаленных регионов (OMR): Мартиника, Майотта, Гваделупа, Французская Гвиана, Реюньон, Сен-Мартен, Мадейра, Азорские острова, Канарские острова.
• Соединенное Королевство (все Британские острова)

Получите персонализированную кнопку «Мне нравится»

Используйте конфигуратор кнопки «Нравится», чтобы получить код кнопки «Мне нравится» для вставки на вашу веб-страницу.

1. Установите URL-адрес вашей веб-страницы, на которой вы размещаете кнопку «Мне нравится»
2. Настройте кнопку «Нравится»
3. Предварительный просмотр кнопки
4. Нажмите Получить код , скопируйте и вставьте код на свою веб-страницу

Нравится кнопку конфигуратор

URL до

Mayout

Стандарт

Тип действия

Размер кнопки

Включите кнопку «Поделиться»

Get Code

Примечание, если вы уже выходите из приложений, удалите Autogalpaper. =1 9Оператор 0067 из кода кнопки для предотвращения дублирования регистрации.

Используйте метатеги Open graph для редактирования предварительного просмотра ссылки. Тег og:url и атрибут data-ref должны быть одним и тем же URL-адресом.

Полный пример кода

Отформатирован для удобства чтения.

 
<голова>
  
    
  
  
  
  
  

<тело>
  
  <дел>
  <скрипт асинхронной отсрочки crossorigin="anonymous"
        src="https://connect. facebook.net/en_US/sdk.js#xfbml=1
             &версия={график-api-версия}
             &appId={ваш-facebook-приложение-идентификатор}
             &autoLogAppEvents=1"
        nonce="FOKrbAYI">
  
  
  <дел
       data-href="https://www.ваш-домен.com/ваша-страница.html"
       ширина данных = ""
       макет данных = "стандартный"
       данные-действие = "нравится"
       размер данных = "маленький"
       обмен данными = "истина">