如何建立一個小窗口，我的網站

我很新的整體規劃 - 到目前爲止，我只與網站建設經驗，數據庫等如何建立一個小窗口，我的網站

我現在有一個網站，用戶可以分享自己的網上購物。

我想構建其他網站可以在其網站上集成的小部件。該小部件將顯示最近在我的網站上輸入的購買信息，用戶應該可以直接通過此小部件插入他們的購買信息，而無需訪問我的網站。

我的網站使用Zend Framework構建在PHP上，並使用Mysql後端。

我說的一些網站已經同意添加小部件，如果它的非突兀和如果他們所要做的就是在他們的頁面中插入4行javascript代碼。我假設這應該像谷歌adsense代碼的工作，你輸入谷歌的JavaScript代碼和廣告開始顯示。

多數民衆贊成在想法，但我不知道如何去做 - 任何人都可以指出我在正確的方向。任何示例或教程如何做到這一點。如何正在這裏使用的JavaScript - 谷歌AdSense代碼

 
<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>

這是小部件的形式爲好

實例？謝謝

來源

2010-06-01 Gublooo

您的網站內置了什麼技術？ ASP.NET，PHP等？考慮創建一個API服務器，您只需向小部件公開所需的功能即可。小部件可以通過JavaScript訪問API，或者可以通過iframe訪問。 – RPM1984 2010-06-01 02:10:40

我的網站基於PHP/Mysql。是的，我已閱讀過有關使用Google Adsense等XSS的情況，其中合作伙伴網站只包含一行Javascript代碼 - 它將顯示用戶可以提交數據的表單。但不知道如何實現， - 謝謝 – Gublooo 2010-06-01 02:20:32

我不是專家的小工具字段，但'方向'是使用動態生成的頁面，將託管小工具的iframe。

那是你的JS代碼會寫類似：

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

iframe的通常包含在標記（HTML）是負責小部件的呈現在託管頁。您的JavaScript文件可以包含處理程序（綁定到您的小部件上的事件等）。

iframe的目標可以是一個.php（或其他）腳本，它將輸出html或其他任何東西從您的網站。輸出可以包含來自你的數據庫（如你所說的Mysql）的信息/數據並對該數據執行任何操作。

這是一種在幾種情況下使用的方法（iframe）。在寫入JS代碼之前，確保熟悉術語窗口，JavaScript父項，以及涉及iframe和框架的情況（通常如何處理頁面包含可以包含其他框架的框架的情況等）

希望這可以讓你開始給你一個關於這個主題的總體思路/方法。

我相信你聽說過谷歌廣告。谷歌廣告頁面清楚地解釋了將谷歌廣告納入網頁的方式。您只需添加腳本和一些代碼，進而產生下面的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標記不是從頁面上的google ads javascript生成的唯一標記。其他標籤（html）也可以處理演示相關的問題。

來源

2010-06-19 19:44:05 Andreas

謝謝安德烈亞斯 - 我正在尋找一個簡單的例子開始 - 我一直在搜索，但沒有任何運氣 - 你的解釋是有道理的，但我沒有做過這個東西之前所以對如何開始感到困惑。 – Gublooo 2010-06-20 02:33:31

Gublooo，你可以從另一個站點反向工程一個小部件。有提供小部件的網站/在線服務。獲取他們的小部件，並看看他們如何處理網頁上的信息顯示和顯示。由於您需要在託管頁面上從您的網站獲取數據，因此iframe解決方案是一種可行的方法。 – Andreas 2010-06-20 08:41:33

有很多方法可以做到這一點。 andreas的例子很好。還可以以某種格式（如JSON或XML）公開您想要的數據，然後使「小部件」包含一個小的Javascript，以根據某些偏好進行渲染。一個（有點）簡單的例子，你可以開始使用twitter search widget。

祝你好運！

來源

2010-06-20 09:34:27

例如，您想要將網站上存儲的網站狀態顯示爲您的合作伙伴網站上的小部件。

這裏有一個簡單HOW TO：

您的網站

1.創建插件腳本，讓我們說：http://yourwebsite.com/widget1.php?data=value&date2=value2

2.1936該腳本，喜歡的東西填滿它：

<?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>

來源

2010-06-23 07:58:23 ariefbayu

感謝您的反饋 - 請在我的主要問題中查看我的編輯以瞭解Google用於展示Google廣告的方法 - 這些還是一種窗口小部件 - Javascript已在此處使用，發佈商可控制顏色大小等 – Gublooo 2010-06-24 07:48:58

也許你會d看看使用PHP 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解決方案看起來相當不錯並且一定會更容易創建。

來源

2010-06-23 08:06:35 user353297

如何建立一個小窗口，我的網站

回答

相關問題