您现在的位置是：首页 > 云笔记 > 开发随笔 > 文章详情

淘宝联盟展现组件中搜索框推广代码不起作用不显示的解决方案

admin 2020-05-04 23:25:57 931人已围观

最近从淘宝联盟复制推广位代码到自己网站上发现不显示，得不到淘宝联盟预览的那种效果，特别是我发现从淘宝联盟复制搜索框的代码到自己的网站上只显示2个字，搞得我一头雾水，我这里记录一下我前后的过程，希望能帮到有类似情况的同学。

第一、在淘宝联盟后台获取代码

企业微信截图_20200502205058.png

第二、配置JS代码

获取代码.jpg

第三、获取标签

获取标签.png

第四、网页显示效果

原始异常效果.png

发现只显示2个汉字，没有任何淘宝联盟上面预览的效果。

第五、修改后的配置代码

经过研究后，发现完整的配置代码如下（完整JSP页面代码）：

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>淘宝搜索框3</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="//g.alicdn.com/thx/brix/2.0/brix-min.css">
<link rel="stylesheet" href="//g.alicdn.com/mm/tdj/0.0.10/css/style-search.css" /> 
<script src="//assets.alicdn.com/s/kissy/1.3.0/seed-min.js"></script> 
<script src="//assets.alicdn.com/apps/e/brix/2.0/brix-min.js" 
bx-config="{autoPagelet:true,componentsPath:'//g.alicdn.com/mm/tdj/0.0.10/app/',debug:false}">
</script>
</head>
<body>
<%
String pid2="mm_45310000_1300000000_110000000000";
%>
<script type="text/javascript">
    (function(win,doc){
    	//debugger;
        var s = doc.createElement("script"), h = doc.getElementsByTagName("head")[0];
        if (!win.alimamatk_show) {
            s.charset = "gbk";
            s.async = true;
            s.src = "https://alimama.alicdn.com/tkapi.js";
            h.insertBefore(s, h.firstChild);
        };
        var o = {
            pid: '<%=pid2%>',/*推广单元ID，用于区分不同的推广渠道*/
            appkey: "",/*通过TOP平台申请的appkey，设置后引导成交会关联appkey*/
            unid: "",/*自定义统计字段*/
            type: "click" /* click 组件的入口标志 （使用click组件必设）*/
        };
        win.alimamatk_onload = win.alimamatk_onload || [];
        win.alimamatk_onload.push(o);
    })(window,document);
</script>

<div  bx-name="search_tb" bx-path="components/search_tb/"  
bx-config="{w:'unionapijs',b:'',unid:'',pid:'<%=pid2%>',c:'cn',pvid:'0_0_0'}"   >  
<input type="text" name="q" id="q" bx-name="gallery_placeholder" bx-path="components/gallery_placeholder/" >
<a href="#" target="_blank" id="J_submit_btn">搜索</a>

</div>

</body>
</html>

第六、修改后的网页显示效果

自己实现的效果.png

第七、其他注意实现

1、推广位的pid需要一一对应；

分享到：

编辑发布时间：2020-05-04 23:25:57

点击排行榜

支付行业常用名词术语解释
备付金存管银行是指可以为支付机构办理客户备付金的跨行收付业务，并负责对支付机构存放在所有备付金银行的客户备付金信息进行归集、核对与监督的备付金银行。(支付机构客
一元购模式分享
首先需要知道什么叫一元购？就是你支付一元后获得一个购物资格，有的叫抽
CentOS服务器上mysql数据库优化过程分析（一）
最近有一套生产系统的数据库CPU老是偏高，发现闲时也在40%-60%左右，感觉很不正常，决定优化一下，在这