Я хочу быть кратким. Facebook внес некоторые изменения в свою кнопку «Подключиться», и, на мой взгляд, эти изменения могут быть использованы для некоторых полезных случаев.

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

Типа: «Привет, Джон! Специальное предложение для вас! ». Или «Сегодня день Иоанна».

Прежде всего, пользователь должен войти в систему на Facebook (большинство пользователей Facebook даже не выходят из системы), и им не следовало изменять свои настройки конфиденциальности, чтобы скрыть свое имя. Я тестировал свои баннеры в офисе, и они работали на компьютерах 10/8 пользователей и мобильных устройствах.

Перед демонстрацией ссылок я должен сказать, почему это так важно. Обычно вам нужна база данных, чтобы определить пользователя, прежде чем упоминать его имя на целевой странице. Например, вам нужна система аутентификации, и пользователь должен войти в вашу систему, после чего вы можете использовать имя пользователя на своей целевой странице. В Facebook у нас нет базы данных, нам не нужна система, и мы можем общаться с пользователями напрямую, используя их имена. И помните, что почти все подписались и используют эту систему.

Вот одна из демонстрационных ссылок:

Http://imagets.com/shared/banner-sample/banner-example.html

В итоге у меня возникло несколько интересных идей, например, написать имя пользователя на табличке с автомобилем и сказать пользователю, что это ваша машина! Но да, нужно еще полироль ...

Вот документация Facebook:



Их новая функция называется «Продолжить как кнопка {Имя}». Надеюсь, они ничего не удалят и не меняют.

Технические подробности

Вот кнопка «Продолжить как {Имя}».

В CSS мы могли закрепить кнопку с помощью iframe и переместить ее в iframe с абсолютной позицией. Когда мы это сделаем, мы сможем поместить только «Джон» в элемент вне iframe.

После применения этого процесса это будет так:

Что ж, после этого вы можете применить цветной фильтр, чтобы избавиться от фона и сделать его более похожим на вашу страницу.

Вот и все. Вы можете скопировать исходный код с моей веб-страницы. Если вам нужна помощь, я могу объяснить это подробнее, просто оставьте комментарий ниже.