ADs+

Appearance

一、接入步骤 ​

1.提供要展示广告的页面链接。

2.确保根域名可以访问。如链接为xxx.com/download.html，请确保xxx.com 为可访问状态。如果页面二级域名 app.xxx.com/download.html 也需要保证根域名 xxx.com为可访问状态。

3.将ads.txt 放到 域名根目录下，确保 xxx.com/ads.txt 可以访问。

4.等待网站审核。

二、原生html接入 ​

1、html中body标签内加入广告内容div，这是您要展示广告的区域

javascript
 <div id="containerAdId" ></div>

2、在页面的<head>区域的下面增加js代码，如下：

javascript
<script src="https://d.adsplus.com.cn/adsplus2.3.js?appid=广告的appid&containerId=广告的div的id" crossorigin="anonymous"></script>

三、uniapp接入 ​

（VUE单个页面接入广告） ​

1、VUE中body标签内加入广告内容div，这是您要展示广告的区域

javascript
 <div id="containerAdId" style="width:100%;" ></div>

2、在uniapp methods中增加加载sdk方法

javascript
	methods: {
			initAd(url) {
				return new Promise((resolve, reject) => {
					const script = document.createElement('script');
					script.src = url;
					script.onload = () => resolve();
					script.onerror = () => reject(new Error(`Script load error: ${url}`));
					document.head.append(script);
				});
			}
		}

2、在uniapp 生命周期 created中增加加载sdk方法

javascript
	created() {
			this.initAd("https://d.adsplus.com.cn/adsplus2.1.js?appid=adp-h5-999999")
				.then(() => {
					 //等js加载成功之后再去加载广告
					loadFeedAd(null, "containerAdId", null);
				})
				.catch(error => console.error(error));
		}

四、uniapp接入 ​

（在整个项目中如果有多个VUE界面接入广告） ​

1、VUE中body标签内加入广告内容div，这是您要展示广告的区域

javascript
 <div id="containerAdId" style="width:100%;" ></div>

2、在uniapp main.js中加入方法

javascript
let adsLoadingPromise = null;
		Vue.prototype.$loadLinkAdScript = (appid) => {
			if (!adsLoadingPromise) {
				adsLoadingPromise = new Promise((resolve, reject) => {
				  const script = document.createElement('script');
				  script.src = "https://d.adsplus.com.cn/adsplus2.1.js?appid=adp-h5-999999";
				  script.async = true;
				  script.crossOrigin = "anonymous";
				
				  script.onload = () => {
				    resolve();
				  };
				  script.onerror = () => reject(new Error("Failed to load script"));
				  document.body.appendChild(script);
				});
			}
			return adsLoadingPromise
		};

2、在需要展示广告的VUE页面中加入调用广告的代码

javascript
	async mounted() {
			try {
				const result = await this.$loadLinkAdScript(this.adConfig.appid);
				if (typeof loadFeedAd === 'function') {
					loadFeedAd(null,"containerAdId",null);
				}
			} catch (error) {
				console.error('Failed to load script:', error);
			}
		}

注意：

SDK JS中的 appid 是您的网站的appid，需要跟换正式的appid

containerAdId 为您的广告容器div的 id

loadFeedAd为加载广告的方法，方法参数说明：

第1参数，固定null

第2参数，展示广告的div的id

第3参数，高度，字符串，例如："220px"，null则为自动高度

五、其它 ​

1.网站建议使用https，部分广告http可能不会填充和展示。

2.国内广告投放域名需要备案