var r_Z5N4UHUPG1 = [{"model_id":8,"title":"\u66f4\u591a <a href=\"https:\/\/www.managertoday.com.tw\/articles\/category\/habit\">\u6210\u529f\u7fd2\u6163<\/a> \u76f8\u95dc\u6587\u7ae0","count":3,"state":0,"articles":[{"related_id":59023,"title":"\u96f6\u80a1\u76e4\u4e2d\u4ea4\u6613\u600e\u9ebc\u8cb7\uff1f\u4f55\u6642\u8cb7\uff1f\u624b\u7e8c\u8cbb\u591a\u5c11\uff1f\u5c0f\u8cc7\u65cf\u6295\u8cc7\u5fc5\u77e5\uff15\u4ef6\u4e8b","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2023-09\/img-1695453818-83846@400.jpg","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/59023","project_id":3,"model_id":8,"model_version_id":null,"result_label":"default","index":101,"item_id":65750},{"related_id":58100,"title":"\u300c\u52aa\u529b\u4e0d\u662f\u4ec0\u9ebc\u503c\u5f97\u9a55\u50b2\u7684\u4e8b\u3002\u300d\u9019 32 \u53e5\u8077\u5834\u771f\u5fc3\u8a71\uff0c\u9577\u5927\u7684\u4eba\u624d\u61c2","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2018-11\/img-1542608051-77836@400.jpeg","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/58100","project_id":3,"model_id":8,"model_version_id":null,"result_label":"default","index":102,"item_id":65750},{"related_id":55730,"title":"PDCA \u5faa\u74b0\u6cd5\u5247\u662f\u4ec0\u9ebc\uff1fPDCA \u8a73\u7d30\u610f\u601d\u3001\u5be6\u969b\u7bc4\u4f8b\u4e00\u6b21\u8b80\u61c2\uff01","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2018-02\/img-1519293439-65508.jpg?s=400","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/55730","project_id":3,"model_id":8,"model_version_id":null,"result_label":"default","index":103,"item_id":65750}],"more_link":"https:\/\/www.managertoday.com.tw\/articles\/category\/habit"},{"model_id":7,"title":"\u672a\u767b\u5165","count":3,"state":1,"articles":[],"more_link":"https:\/\/www.managertoday.com.tw\/member\/home?utm_source=web_mt&utm_medium=member_more&utm_campaign=ui2022"},{"model_id":9,"title":"\u67e5\u770b\u66f4\u591a <a href=\"https:\/\/www.managertoday.com.tw\/columnist\/view\/0\"><\/a> \u7684\u6587\u7ae0","count":3,"state":0,"articles":[],"more_link":"https:\/\/www.managertoday.com.tw\/columnist\/view\/0"},{"model_id":10,"title":"\u5168\u7ad9\u71b1\u9580\u6587\u7ae0","count":6,"state":0,"articles":[{"related_id":69164,"title":"\u4e0a\u73ed\u6642\u9593\u81ea\u8a02\u3001\u8a0e\u53ad\u7684\u5de5\u4f5c\u5c31\u4e0d\u505a\uff01\u9019\u9593\u65e5\u4f01\u8b93\u54e1\u5de5\u300c\u8d85\u4efb\u6027\u300d\uff0c\u71df\u6536\u7adf\u6f32 2.5 \u500d","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2024-09\/img-1725616566-41577@400.jpg","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/69164","project_id":3,"model_id":10,"model_version_id":null,"result_label":"default","index":401,"item_id":65750},{"related_id":66251,"title":"\u4f60\u5e38\u88ab\u4e3b\u7ba1\u8a00\u8a9e\u5a01\u8105\u3001\u540c\u4e8b\u80cc\u5f8c\u9677\u5bb3\uff1f8 \u500b\u9762\u5411\u6aa2\u67e5\u4f60\u7684\u8077\u5834\u74b0\u5883\u662f\u5426\u300c\u6709\u6bd2\u300d\uff01","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2017-06\/img-1497323851-42051@400.jpg","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/66251","project_id":3,"model_id":10,"model_version_id":null,"result_label":"default","index":402,"item_id":65750},{"related_id":69151,"title":"\u8d85\u904e 50% \u7684 AI \u4eba\u624d\u8a08\u756b\u5728\u534a\u5e74\u5167\u96e2\u8077\uff01\u50b3\u7d71\u7684\u7e3e\u6548\u8003\u6838\u65b9\u5f0f\u662f\u5143\u5147\uff1f","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2022-04\/img-1649663196-80548@400.jpg","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/69151","project_id":3,"model_id":10,"model_version_id":null,"result_label":"default","index":403,"item_id":65750},{"related_id":69168,"title":"\u4eba\u8cc7\u600e\u9ebc\u7528\u751f\u6210\u5f0fAI\uff1f\u8abf\u67e5\uff1a7\u6210\u7528\u4f86\u56de\u7b54\u54e1\u5de5\u8acb\u5047\u3001\u5347\u9077\u7b49\u554f\u984c","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2024-09\/img-1725828209-65512@400.jpg","url":"https:\/\/www.managertoday.com.tw\/columns\/view\/69168","project_id":3,"model_id":10,"model_version_id":null,"result_label":"default","index":404,"item_id":65750},{"related_id":53717,"title":"VLOOKUP \u7528\u6cd5\u6559\u5b78\uff5cExcel \u51fd\u6578\u516c\u5f0f\u600e\u9ebc\u7528\uff1f\u4e00\u7bc4\u4f8b\u5feb\u901f\u61c9\u7528","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2016-12\/img-1482476920-20154.jpg?s=400","url":"https:\/\/www.managertoday.com.tw\/columns\/view\/53717","project_id":3,"model_id":10,"model_version_id":null,"result_label":"default","index":405,"item_id":65750},{"related_id":53890,"title":"\u52f5\u5fd7\u8a9e\u9304\uff5c\u7cbe\u9078 39 \u53e5\u6b63\u80fd\u91cf\u6bcf\u65e5\u4e00\u53e5\uff01\u7528\u540d\u4eba\u683c\u8a00\u3001\u5fc3\u9748\u8a9e\u9304\uff0c\u5f80\u6210\u529f\u4e4b\u8def\u9081\u9032","feature_picture":"https:\/\/media.bnextmedia.com.tw\/image\/album\/2017-01\/img-1485344344-20417.jpg?s=400","url":"https:\/\/www.managertoday.com.tw\/articles\/view\/53890","project_id":3,"model_id":10,"model_version_id":null,"result_label":"default","index":406,"item_id":65750}],"more_link":"https:\/\/www.managertoday.com.tw\/top"}];
    var sent_viewable_impr_Z5N4UHUPG1 = {};
    var sent_click_Z5N4UHUPG1 = {};

    function send_click_Z5N4UHUPG1(e, href, project_id, model_id, model_version_id, result_label, index, item_id, related_item_id){
        e.preventDefault();

        if(!sent_click_Z5N4UHUPG1[index]){
            sent_click_Z5N4UHUPG1[index] = true;

            snj_send_info({
                "ac": "ml_click",
                "project_id": project_id,
                "model_id": model_id,
                "model_version_id": model_version_id,
                "result_label": result_label,
                "index": index,
                "item_id": item_id,
                "related_item_id": related_item_id,
            }, "ac=ml_click");
        }

        document.location.href = href;
    }

    r_Z5N4UHUPG1.forEach(function(block, i){
        var ei = i + 1;
        var el = document.querySelector(`#datamagic_item${ei} .data_list:nth-child(1)`);

        if(el){
            document.querySelector(`#datamagic_item${ei} h3`).innerHTML = block.title;
            document.querySelector(`#datamagic_item${ei} .more_item a`).href = block.more_link;

            if(block["model_id"] == 7 && (block["state"] == 1 || block["state"] == 2)){
                if(block["state"] == 1){
                    var info = `Hi~ 加入會員！馬上享受「個人化推薦」服務！`;
                    var link_text = `我要試用`;
                    var link = encodeURI(`https://www.managertoday.com.tw/api/oauth/login?state={"url":"https://www.managertoday.com.tw/member/categories","from":"end_of_article"}`);
                    var image = `https://cdn.bnextmedia.com.tw/mt/images/member_w.svg`;
                }else{
                    var info = `追蹤您喜歡的主題和作者，可以為您客製化推薦專屬文章！`;
                    var link_text = `馬上使用`;
                    var link = `https://www.managertoday.com.tw/member/categories`;
                    var image = `https://cdn.bnextmedia.com.tw/assets/mt/icon_member.svg`;
                }

                var h = `
                    <div class="datamagic_info">
                        <svg class="mr-4">
                            <image xlink:href="${image}" src="https://cdn.bnextmedia.com.tw/assets/mt/icon_member.svg" width="80" height="80"></image>
                        </svg>
                        <div>
                        <h3>${block["title"]}</h3>
                        <p>${info}</p>
                        <a href="${link}" class="btn_datamagic">${link_text}</a>
                    </div>
                </div>
                `;
                document.getElementById(`datamagic_item${ei}`).innerHTML = h;
            }else{
                if(block["articles"].length == 0){
                    document.getElementById(`datamagic_item${ei}`).remove();
                }else{
                    block["articles"].reverse().forEach(function(article, i){

                        sent_viewable_impr_Z5N4UHUPG1[article["index"]] = false;
                        sent_click_Z5N4UHUPG1[article["index"]] = false;

                        var h = `
                            <a id="datamagic_article_${article["index"]}" href="${article["url"]}" onClick="send_click_Z5N4UHUPG1(event, this.href, ${article["project_id"]}, ${article["model_id"]}, ${article["model_version_id"]}, '${article["result_label"]}', ${article["index"]}, ${article["item_id"]}, ${article["related_id"]})">
                                <div class="pic" style="background-image: url(${article["feature_picture"]});">
                                    <img src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==">
                                </div>
                                <h2>${article["title"]}</h2>
                            </a>
                        `;

                        e = document.createElement("li");
                        el.insertBefore(e, el.firstChild);
                        e.innerHTML = h;

                        window.addEventListener("scroll", function(article){
                            return function(){
                                if(!sent_viewable_impr_Z5N4UHUPG1[article["index"]] && window.innerHeight + window.pageYOffset > document.getElementById(`datamagic_article_${article["index"]}`).getBoundingClientRect().top + window.scrollY){
                                    sent_viewable_impr_Z5N4UHUPG1[article["index"]] = true;
                                    snj_send_info({
                                        "ac": "ml_viewable_impr",
                                        "project_id": article["project_id"],
                                        "model_id": article["model_id"],
                                        "model_version_id": article["model_version_id"],
                                        "result_label": article["result_label"],
                                        "index": article["index"],
                                        "item_id": article["item_id"],
                                        "related_item_id": article["related_id"],
                                    }, "ac=ml_viewable_impr");
                                }
                            };
                        }(article));
                    });
                }
            }
        }
    });