Как создать виджет для моего веб-сайта
Я очень плохо знаком с целым программированием - до сих пор у меня только есть опыт с созданием веб-сайтов, база данных и т.д.
У меня в настоящее время есть веб-сайт, где пользователи могут совместно использовать свои онлайн-покупки.
Я хочу создать виджет, который другие веб-сайты могут интегрировать на их сайте. Виджет покажет, что недавние покупки ввели в мой веб-сайт, и Пользователи должны смочь вставить свои покупки непосредственно через этот виджет, не имея необходимость прибывать в мой веб-сайт.
Мой веб-сайт основан на PHP на использовании Платформы Зенда и использует бэкенд Mysql.
Некоторые веб-сайты, которые я говорю, чтобы согласиться добавить виджет, если ее ненавязчивой и если все они должны сделать, является вставка 4 строки кода JavaScript на их страницах. Я предполагаю, что это должно работать, что-то как Google adsense кодирует, где Вы входите, гуглит код JavaScript, и реклама начинает показывать.
Это - идея, но я понятия не имею, как пойти об этом - может любой указывать на меня в правильном направлении. Любые примеры или учебные руководства о том, как сделать это.
Пример Google Adsense Code
<script type='text/javascript'> --></script><script type="text/javascript"><!-- google_ad_client = "pub-06xxxx453614"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_type = "text"; google_ad_channel = "3407467430"; google_color_border = "38B63C"; google_color_bg = "FFFFFF"; google_color_link = "0066CC"; google_color_text = "000000"; google_color_url = "0066CC"; google_ui_features = "rc:0"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
Действительно ли это - форма виджета также - Как JavaScript использует здесь?Спасибо
4 ответа
Я не эксперт в области виджетов, но "направление" заключается в использовании iframe, который генерируется динамически на странице, где будет размещен виджет.
То есть ваш JS-код будет выглядеть примерно так:
<iframe src="http://www.mywebsite.com/services/widget.php" {other attributes here} />
Обычно iframe содержится в разметке (html), которая заботится о представлении виджета на странице хостинга. Ваш файл javascript может содержать обработчики (привязанные к событиям на вашем виджете и т.д.).
Целью iframe может быть .php (или другой) скрипт, который будет выводить html или что-либо еще с вашего сайта. Вывод может содержать информацию/данные из вашей базы данных (Mysql, как вы говорите) и выполнять любые операции с этими данными.
Это подход (iframe), используемый в нескольких случаях. Убедитесь, что вы знакомы с терминами window, parent в javascript, прежде чем писать JS код в случаях, где задействованы iframe и фреймы (в общем, как обрабатывать случаи, когда страница содержит фреймы, которые в свою очередь могут содержать другие фреймы и т.д.)
Надеюсь, это поможет вам начать, дав вам общее представление/подход по этой теме.
Я уверен, что вы слышали о рекламе google. Способ включения рекламы google в веб-страницу четко объясняется на страницах рекламы google. Вы просто добавляете скрипт и некоторый код, который, в свою очередь, создает следующий html:
<iframe allowtransparency="true" frameborder="0" height="100" hspace="0" id="google_ads_frame1" marginheight="0" marginwidth="0" name="google_ads_frame" scrolling="no" src="http://googleads.g.doubleclick.net/pagead/ads?client="{PARAMS}" style="left:0;position:absolute;top:0" vspace="0" width="900"></iframe>
Содержимое этого фрейма - это собственно реклама (рекламные ссылки, которые вы видите на странице).
Тег iframe - не единственный тег, создаваемый на странице с помощью javascript google ads. Создаются и другие теги (html), которые обрабатывают вопросы, связанные с представлением.
Возможно, вы могли бы использовать библиотеку PHP GD для динамического создания изображения. Таким образом, вы, пользователи, должны будете только включить тег изображения на своих веб-сайтах:
<img src="http://www.yourwebsite.com/widget.php?user={USERNAME}" width="500" height="250" alt="Your Widget" />
Затем в вашем файле widget.php у вас будет вся логика вашей базы данных и т. Д., Которая использует эти данные и отображает изображение. Facebook использует аналогичный подход к этому, называемый «значки профиля», и они доступны аналогичным образом: http://www.facebook.com/badge.php?id= {ID} & format = png & params = {OTHERPARAMS }
Но обратите внимание, что динамическое создание изображения, вероятно, не самый простой способ приблизиться к этому, и уже опубликованное решение iframe выглядит неплохо, и его определенно будет проще создать.
Например, вы хотите отображать статус веб-сайта, который хранится на вашем веб-сайте, в виде виджета на веб-сайте вашего партнера.
Вот простое КАК:
1. Создайте сценарий виджета на своем сайте, скажем: http://yourwebsite.com/widget1.php?data=value&date2=value2
2.Вкл. этот сценарий, введите в него что-то вроде:
<?php
$data=get_xss_free($_GET['data']);
$data2=get_xss_free($_GET['data2']);
//do your process here
//then, display it:
echo "<div>This is my widget data!</div>";
?>
3. Скажите партнеру, чтобы он вставил его так:
<iframe src="http://yourwebsite.com/widget1.php?data=value&date2=value2"></iframe>
Есть много способов сделать это. пример Андреаса хорош. Можно также представить нужные данные в каком-нибудь формате, например, JSON или XML, а затем сделать "виджет" в виде небольшого Javascript, который будет отображать их в соответствии с некоторыми предпочтениями. В качестве (несколько) простого примера, с которого можно начать, можно привести виджет поиска в twitter.
Удачи!