Как я могу разместить небольшую панель с моего сайта на чужом сайте, но при этом обработать отправку?

Question

На классическом веб-сайте ASP, который я поддерживаю, на нашей целевой странице есть небольшая панель, которую наши посетители используют для ввода номера телефона в качестве идентификатора, после чего они переходят на сайт. Теперь у нас есть возможность разместить эту панель входа на некоторых других веб-сайтах, в значительной степени подобно рекламе, идея состоит в том, что они не только щелкают по ней, чтобы получить их на нашем сайте, но мы хотим, чтобы они действительно вводили номер телефона в ТО На панели (т. е. на внешнем сайте) нажмите кнопку «Отправить», затем выполните перенаправление прямо на сайт, минуя целевую страницу.

Я не знаю, сколько сайтов мы собираемся делать с этим, поэтому я хотел бы просто иметь фрагмент кода, который я могу предоставить другим веб-мастерам, чтобы они могли подключиться и заставить его работать , Не кажется, что это должно быть так сложно, но, как я думаю, у меня в голове нет легкомысленной идеи. Могу ли я, например, дать им фрагмент <form></form> и настроить его действие на публикацию на моем сайте вместо их? Это так просто? Может ли это вызвать какие-либо проблемы с безопасностью? Или есть стандартный или лучший способ сделать это?

Answer 1

Да, ваш пример формы будет работать. Просто создайте форму POST, куда отправляется ваша собственная целевая страница.

Единственное, в чем нужно убедиться, это проверить и санировать все входные данные, которые получит ваша ASP-страница. Например, если вы используете POST в своей форме, проверяйте только переменные POST на своей странице ASP. Убедитесь, что любые произвольные параметры, переданные на вашу страницу, не сломаются и не украдут ничего. Хотя, если это просто номер телефона, вам не о чем беспокоиться.

Answer 2

Я бы сделал iframe, источником которого является страница, которую вы создаете, которая имеет телефонный ящик и кнопку отправки. Внешние сайты могут размещать на своем сайте iframe, однако, когда пользователь нажимает кнопку «Отправить», ваша страница справится с этим.

Если вы хотите перенаправить пользователя, вы можете вызвать parent.location.href = 'what' в js.

Answer 3

Подход <form action="http://yoursite.com/..."></form> будет работать нормально.

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

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