javascript - 为用户生成 javascript 嵌入代码

Question

我一直在想办法生成一段 javascript 代码，允许站点用户将其复制并粘贴到他们自己的站点中，就像 google Adsense 和那里的嵌入代码一样:

<– Begin Google Adsense code –>
<script type=”text/javascript”>
google_ad_client = “ad-client-code-goes-here”;
google_ad_slot = “ad-slot-code-goes-here”;
google_ad_width = 300;
google_ad_height = 250;
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>
<– End Google Adsense code –>

我很想创建类似的东西。我正在做一个与项目类似的服务，希望用户上传图片(广告)，然后让他们点击“生成广告代码”链接，然后他们将收到类似于上面的一段代码片段，他们可以将其粘贴到他们的网站中。

任何帮助都将非常有用，谢谢。

Answer 1

有很多方法可以做到这一点-

• 您可以在 IFrame 中托管上传到服务器的可点击广告图片。基本上，您将为用户提供 IFrame 的 HTML 代码，该代码将根据作为查询字符串传递的广告 ID 加载广告。

• 您还可以使用一个简单的图片标签，周围环绕着一个 anchor 标签作为链接。图像将根据广告标识符从动态页面加载。

例子1

<iframe src="http://addomain.com/ad.aspx?id=123234234"></iframe>

例子2

<a href="http://addomain.com/adstracker.aspx?id=1223094">
    <img src="http://addomain.com/imageserver.aspx?id=1223094" />
</a>

第一个示例将使用包含广告 ID 的 URL 加载 iframe。 ad.aspx 页面将根据查询字符串中传递给它的 ID 动态生成广告。

第二个示例会将用户重定向到广告跟踪器页面，该页面会跟踪广告是否已被点击，然后根据广告 ID 重定向用户。 imageserver.aspx 页面将转换广告图片。