Как мне создать «виджет» для людей? Это просто текстовое поле с моим логотипом

Question

Я хочу что-то, что веб-мастер может скопировать на его сайт.

Для этого просто нужно иметь мой логотип, текстовое поле и кнопку отправки.(Когда пользователь нажимает кнопку «Отправить» с помощью этого виджета, он пересылается на мой сайт.)

Я знаю, что есть много способов сделать это.Какой самый быстрый и простой?

Answer 1

Самый быстрый способ - это просто вставить HTML-код, который люди могут вставить на свою страницу. Там нет необходимости для кнопок или формы, просто простая ссылка.

Что-то в строках:

<a href="http://www.yoursite.com/">
<img src="http://www.yoursite.com/yourlogo.jpg" alt="yoursite.com logo" title="Visit yoursite.com!" />
</a>

Возможно, вы захотите добавить пару тегов стиля (например, чтобы избежать границ вокруг изображения и т. Д.) Кроме того, на вашем сайте было бы легко иметь небольшой JS, который изменяет приведенный выше код, чтобы люди могли персонализировать его (указать разные изображения, разные размеры и т. Д. И т. Д.)

Answer 2

Некоторые могут нахмуриться, но, возможно, самый быстрый и простой способ - использовать iframe.Это означает, что код для встраивания может быть очень коротким + вы можете изменить поведение позднее.

Основное преимущество Iframe заключается в том, что вам не нужно иметь дело с CSS, который уже включен в страницу.Может показаться, что нет ничего особенного, но рано или поздно вы столкнетесь с страницей, которая делает что-то с атрибутом css, которого вы просто не ожидали.

Это не красиво, но стоит задуматься.

Answer 3

Я не знаю о самых быстрых и простых, но, возможно, вы могли бы написать небольшой файл JavaScript, который создает и вставляет содержимое в div со специальным идентификатором.

Это то же самое, что делает StackOverflow для их " flair ."