愛的小伙伴們，免費的流量玩法來了，抓緊搬好你的小板凳，坐好認真聽講哦 ~

所有新上傳到亞馬遜的產品都會有一個 “ 新品流量扶持期 ” ，這時候呢，你的產品會額外多一個流量入口，叫做 New Release 。

如果你登上了這個榜單，亞馬遜平臺就會給予你額外的照顧，讓你的產品在流量和曝光上更上一層，轉換率也會提高不少。

劃重點，New Release 是不需要支付任何的費用哦！

那么問題來了，該如何獲得 New Release 呢？

不要急，親！下面將重點介紹獲取 New Release 的步驟。

1. 新品上架之前，Listing 需要優化到位

比如類目的選擇要正確，關鍵詞要用好，標點符號的使用要規范，文案編寫要盡量本土化，產品圖片要美觀有質感等等。這一步非常重要！

2. 產品上架之后，要準確把握流量大小，避免低谷流量

因為每款產品都有一定的流量周期規律，有經驗的小伙伴能夠在一周左右的時間，對自己的產品流量有個大概了解，能夠較準確地判斷出哪天流量低，哪天流量高。

所以在上新品的時候，我們需要避開流量的低谷期。

3. 提高產品的轉化率、訂單數量和 BSR 排名

可以通過 shuashua 來刺激新品的銷量。如果想要控制成本，可以采取站外推廣的渠道，也可以通過獨立站來展示，用獨立站的購買按鈕綁定亞馬遜對應的產品鏈接進行跳轉，還可以在其他網站上促銷你的產品，例如 Facebook 、海外折扣網站等等。

提高訂單數量推動 BSR 排名增長，同時還可以測試產品在老外群體中的受歡迎程度，學會運用 A9 算法，提高產品的轉化率。

現效果

視頻太大這里就不傳了

實現代碼

2.1地圖初始化

var point=new BMapGL.Point(clng || lng, clat || lat)
        map.centerAndZoom(point, zoom || 19);
        map.enableScrollWheelZoom(false);
        map.setHeading(-30);
        map.setTilt(Tilt);
        map.centerAndZoom(point, zoom || 19);

2.2獲取數據（模擬）

var markers=[{
                    lng: 119.306239,
                    lat: 26.075302,
                    lv: '三',
                    num: 10,
                    type: 'red'
                },
                {
                    lng: 119.306239,
                    lat: 25.005302,
                    lv: '一',
                    num: 10,
                    type: '#53F5FF'
                },
                {
                    lng: 117.306239,
                    lat: 25.005302,
                    lv: '二',
                    num: 3,
                    type: '#53F5FF'
                },{
                    lng: 117.006239,
                    lat: 25.005302,
                    lv: '四',
                    num: 3,
                    type: '#53F5FF'
                },
                {
                            lng: 118.306239,
                            lat: 26.075302,
                            lv: '五',
                            num: 1,
                            type: 'red'
                        },
            ];

2.3 標注地圖marker

    var infoBox,
            listinfoBox=[],
            listmarker=[],
            marker,
            data=[];
        for (var i=0; i < markers.length; i++) {
            var point=new BMapGL.Point(markers[i].lng, markers[i].lat);
            // 創建小車圖標
            marker=new BMapGL.Marker(point);
            marker.lv=markers[i].lv;
            marker.num=markers[i].num;
            marker.type=markers[i].type;
            infoBox=getInfoBox(map, getHtml(markers[i]));
            infoBox.open(marker);

2.4 設置地圖波紋閃爍效果

var waveLayer=new mapvgl.CircleLayer({
            // 繪制帶波紋擴散的圓
            type: 'wave',
            // 擴散半徑，支持直接設置和回調兩種形式
            radius: r=> 1.6 * r,
            // 周期影響擴散速度，越小越快
            duration: 1 / 3,
            // 拖尾影響波紋數，越大越多
            trail: 3,
            enablePicked: true,
            selectedColor: 'yellow', // 選中項顏色
            autoSelect: true, // 根據鼠標位置來自動設置選中項
            onClick: (e)=> { // 點擊事件
                console.log(e)
                infoBox=getInfoBox(map, getHtml(e.dataItem.om));
                infoBox.open(e.dataItem.om);
            }
        });
        view.addLayer(waveLayer);
        waveLayer.setData(data);

2.5 自定義地圖標注信息框

    function getInfoBox(map, ht) {
        return new BMapGLLib.InfoBox(map, ht, {
            boxStyle: {
                background: "#0006cb2fa",
                width: "193px",
                height: "102px"
            },
            closeIconMargin: "1px 1px 0 0",
            // closeIconUrl: '//mapopen.bj.bcebos.com/github/BMapGLLib/InfoBox/examples/images/close.png',
             closeIconUrl: 'myimg/close.png',
            enableAutoPan: true,
            align: INFOBOX_AT_BOTTOM,
            offset: new BMapGL.Size(100, -100)
        })
    }

2.6 設置顯示地圖區域（屏蔽其他區域地圖）

var bd=new BMapGL.Boundary();
        bd.get(position.city, function(rs) {
            var count=rs.boundaries.length; //行政區域的點有多少個
            var pointArray=[];
            for (var i=0; i < count; i++) {
                var path=[];
                str=rs.boundaries[i].replace(' ', '');
                points=str.split(';');
                for (var j=0; j < points.length; j++) {
                    var lng=points[j].split(',')[0];
                    var lat=points[j].split(',')[1];
                    path.push(new BMapGL.Point(lng, lat));
                }
                var mapmask=new BMapGL.MapMask(path, {
                    isBuildingMask: true,
                    isPoiMask: true,
                    isMapMask: true,
                    showRegion: 'inside',
                    topFillColor: '#5679ea',
                    topFillOpacity: 0.5,
                    sideFillColor: '#5679ea',
                 sideFillOpacity: 1
                });
                map.addOverlay(mapmask);
            }
        });

2.7 設置地圖自定義樣式

    map.setMapStyleV2({
            styleId: '3e801b6531c190d7c79a9d2a41b80ca0'
        });

2.8設置天空顏色

    var skyColors=[];
        for (var i=0; i < 10; i++) {
            skyColors[i]='rgba(0, 0, 0, 0.' + i + ')';
        }
        map.setDisplayOptions({
            skyColors: skyColors
        })

2.9繪制區域邊界

var bd=new BMapGL.Boundary();
        bd.get(name || '福州市', function(rs) {
            var count=rs.boundaries.length; //行政區域的點有多少個
            var pointArray=[];
            for (var i=0; i < count; i++) {
                var path=[];
                str=rs.boundaries[i].replace(' ', '');
                points=str.split(';');
                for (var j=0; j < points.length; j++) {
                    var lng=points[j].split(',')[0];
                    var lat=points[j].split(',')[1];
                    path.push(new BMapGL.Point(lng, lat));
                }
                var prism=new BMapGL.Prism(path, 5000, {
                    topFillColor: color || '#2106ea',
                    topFillOpacity: 0.3,
                    sideFillColor: '#2106ea',
                    sideFillOpacity: 1
                });
                map.addOverlay(prism);

            }
        });

2.10模擬pull數據（實際情況可根據需要進行pull或push）

要介紹

Compressor.js是一款壓縮圖片的JavaScript組件。它在github上有2.7k顆星，可以用于圖片上傳時對圖片進行壓縮。值得一提的是，該作品是正宗的國貨，產地中國杭州，在這里給作者點個贊。

Github地址

https://github.com/fengyuanchen/compressorjs/

安裝

npm install compressorjs

引用

import Compressor from 'compressorjs';

效果

import axios from 'axios';

import Compressor from 'compressorjs';

document.getElementById('file').addEventListener('change', (e)=> {

const file=e.target.files[0];

if (!file) {

return;

}

new Compressor(file, {

quality: 0.6,

success(result) {

const formData=new FormData();

// The third parameter is required for server

formData.append('file', result, result.name);

// Send the compressed image file to server with XMLHttpRequest.

axios.post('/path/to/upload', formData).then(()=> {

console.log('Upload success');

});