给大家介绍一个mm写的淘点金autoitem插件,单品推广必备

说明:autoitem插件的作用就是自动识别网页上指定区域的淘宝商品链接,并自动转换为淘点金单品组件标签代码。淘点金CLICK组件链接转换功能下线后,这个插件可以用得上。感谢u.php?uid=4966053   的分享。

1、插件js代码:将如下插件代码放在网页淘点金js代码之前。

<script type="text/javascript" id="autoitem" data-tmplid="1111">
/*!
* This plugin is used for transform taobao item link to taodianjin item TAG.
* 用法:
1 给需要autoitem的 div 添加属性 data-plugin="autoitem"
2 data-tmplid="模板id" 可以自定义单品组件模板
*/
var mm = mm || {};
mm.autoItem = function () {
var doc = document;
var data = doc.getElementById("autoitem");
var tplid = data.getAttribute("data-tmplid") || "1110";
var eles = doc.getElementsByTagName("div");
for (var i = 0; i < eles.length; i++) {
if (eles[i].getAttribute("data-plugin") == "autoitem") {
//find taobaolinks
var links = eles[i].getElementsByTagName("a");
for (var j = 0; j < links.length; j++) {
var aEle = links[j];
var href = aEle.href;
if (href.indexOf("item.taobao.com") > -1 || href.indexOf("detail.tmall.com") > -1) {
var id;
var begin = href.indexOf("id=");
var end = href.indexOf("&", begin);
if (end > -1)
id = href.substring(begin + 3, end);
else
id = href.substring(begin + 3);
aEle.setAttribute("target", "_blank");
aEle.setAttribute("data-type", "0");
aEle.setAttribute("data-rd", "2");
aEle.setAttribute("data-style", "2");
aEle.setAttribute("data-border", "0");
aEle.setAttribute("biz-itemid", id);
aEle.setAttribute("data-tmplid", tplid);
}

}
}
}
};
mm.autoItem();
</script>

2、在网页模板代码中,指定autoitem插件作用的网页区域范围。也即在相应的div上增加属性 data-plugin="autoitem"。

autoitem插件作用区域

3、autoitem插件的js代码比较简单,懂js代码的朋友也可以依照这个思路制作自己需要的插件。。。

4、data-tmplid="1111"这个是模板id,模板id可以使用自己定义的模板id,也可以使用官方提供的其它模板id。

演示:http://www.kao139.com/act/autoitem.html