代码之家 › 专栏 › 技术社区 › Gublooo

如何为我的网站建立一个小部件

widget zend-framework

Gublooo · 技术社区 · 15 年前

我目前有一个网站,用户可以分享他们的网上购买。

我想建立一个小部件,其他网站可以在他们的网站上集成。widget将显示最近在我的网站上输入的购买,用户应该能够直接通过这个widget插入他们的购买,而不必访问我的网站。

我的网站是建立在PHP上使用Zend框架和使用Mysql后端。

这是个主意,但我不知道该怎么做-谁能给我指出正确的方向吗。任何关于如何做到这一点的例子或教程。

googleadsense代码示例

<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 回复 | 直到 15 年前

Andreas 15 年前

我不是widget领域的专家,但是一个“方向”是使用一个iframe,它是在将要承载widget的页面中动态生成的。

这是你的JS代码会写一些类似于:

<iframe src="http://www.mywebsite.com/services/widget.php" {other attributes here} />

可以

iframe的目标可以是一个.php(或其他)脚本,它将从您的网站输出html或任何其他内容。输出可以包含来自数据库(如您所说的Mysql)的信息/数据,并对这些数据执行任何操作。

这是一种在几种情况下使用的方法(iframe)。在编写涉及iframe和frames的JS代码之前,请确保您熟悉javascript中的术语window、parent(通常如何处理一个页面包含反过来可能包含其他框架的框架的情况,等等)

希望这能让你对这个话题有一个大致的想法/方法。

<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标签并不是唯一一个由googleads javascript在页面上生成的标签。其他标记(html)也被创建来处理与表示相关的问题。

ariefbayu 15 年前

1.在站点上创建widget脚本,比如: 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>";
?>

<iframe src="http://yourwebsite.com/widget1.php?data=value&date2=value2"></iframe>

Community Mohan Dere 8 年前

有很多方法可以做到这一点。安德烈亚斯的例子很好。也可以将您想要的数据以JSON或XML等格式公开,然后让“widget”包含一些Javascript,根据某些偏好呈现。一个(有点)简单的例子是 twitter search widget .

祝你好运!

user353297 15 年前

GD library 动态创建图像。这样你的用户只需在他们的网站上添加这样的图像标签:

<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