qb-pc-sdk 1.3.1 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -0
- package/core.min.js +1 -1
- package/package.json +2 -2
- package/src/ad-sdk-wrapper.js +81 -11
- package/src/pcLazyLoad.html +37 -0
package/README.md
CHANGED
|
@@ -372,6 +372,24 @@ onBeforeUnmount(() => {
|
|
|
372
372
|
<script src="https://unpkg.com/qb-pc-sdk@latest/inline-loader.js"></script>
|
|
373
373
|
```
|
|
374
374
|
|
|
375
|
+
#### 懒加载（.lazy-ad，推荐用于长页）
|
|
376
|
+
|
|
377
|
+
引用 SDK 后，可使用 **懒加载**：广告位仅在**即将进入视口（约 200px 内）**时再请求，避免「返回高、曝光低」。
|
|
378
|
+
|
|
379
|
+
**用法：** 在页面中放入带 `class="lazy-ad"` 的 div，并设置 `data-app-id`、`data-ad-id`（或 `data-placement-id`），无需再写任何 JS。
|
|
380
|
+
|
|
381
|
+
```html
|
|
382
|
+
<!-- 引用 SDK -->
|
|
383
|
+
<script src="https://unpkg.com/qb-pc-sdk@latest/inline-loader.js"></script>
|
|
384
|
+
|
|
385
|
+
<!-- 广告位：进入视口约 200px 内时自动加载，每个位只请求一次 -->
|
|
386
|
+
<div class="lazy-ad" data-app-id="your-app-id" data-ad-id="your-placement-id"></div>
|
|
387
|
+
```
|
|
388
|
+
|
|
389
|
+
- **data-app-id**：应用 ID（必填）
|
|
390
|
+
- **data-ad-id** 或 **data-placement-id**：广告位 ID（必填）
|
|
391
|
+
- 同一页面可放多个 `.lazy-ad`，动态插入的也会被监听并懒加载
|
|
392
|
+
|
|
375
393
|
### 方式三：即插即用模式（推荐用于所有建站平台）
|
|
376
394
|
|
|
377
395
|
专为**所有建站平台**设计的**零代码接入方式**，客户只需复制粘贴即可使用，无需任何技术背景。
|