$("#mostpopular-collabs").remove();

$(".cdicf.needed").remove();

function refineEvent(event)
{
    $(".cdicf.needed").remove();
}

append_collab_callback = refineEvent;

var billboard_container = $("#influencer-billboard-container").find(".container");
var articles = [
{
    url: "https://www.kolagent.com/art/N4EM3RWM/influencer-marketing-the-must-do",
    cover: "https://kolagent-ugc-destination.s3.us-west-2.amazonaws.com/art_N4EM3RWM_374999e8.webp",
    cover_offset_y: "-70px",
    title: "網紅行銷：不可或缺的高回報行銷策略"
},
{
    url: "https://www.kolagent.com/art/XY2HNTUP/word-of-mouth-marketing-methods",
    cover: "https://kolagent-ugc-destination.s3.us-west-2.amazonaws.com/art_XY2HNTUP_b351e24b.webp",
    cover_offset_y: "-70px",
    title: "透過社群媒體打造口碑效應！"
},
{
    url: "https://www.kolagent.com/art/4TZZBMYT/chatgpt-influencer-marketing-tips",
    cover: "https://kolagent-ugc-destination.s3.us-west-2.amazonaws.com/art_4TZZBMYT_7c1a7e29.webp",
    cover_offset_y: "0px",
    title: "如何用「<strong> ChatGPT</strong>」勝過競爭者的網紅行銷技巧"
}
];

var article = articles[Math.floor(Math.random() * articles.length)];
var article_div = $(`
<div class="col-md-4">
    <a href="` + article.url + `"><div style="
    position: relative;
"><div style="
    width: 100%;
    padding-top: 40%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(` + article.cover + `);
    background-size: cover;
    background-position: center center;
    background-position-y: ` + article.cover_offset_y + `;
    background-repeat: no-repeat;
    border-radius: 5px;
"><div class="hot-blog-overlay" style="position: absolute; top:0; bottom: 0; left: 0; right: 0; border-radius: 5px;"></div><div class="hot-blog-text" style="color: white;position: absolute;bottom: 0;margin: 0;padding: 10px;background: #000;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);border-radius: 5px;font-size: 22px;font-weight: bold;line-height: 1.2;">` + article.title + `</div></div></div></a>
</div>
`);

billboard_container.attr("class", "col-md-8");
billboard_container.after(article_div);
article_div.hover(
  function() {
    $( this ).find(".hot-blog-overlay").css( "background", "rgba(0, 0, 0, 0.5)" );
    $( this ).find(".hot-blog-text").css( "color", "#ffcae6" );
  }, function() {
    $( this ).find( ".hot-blog-overlay" ).css( "background", "" );
    $( this ).find(".hot-blog-text").css( "color", "white" );
  }
);

if(!isLogin)
{
    $(".cd1 .cpb").remove();
    $(".cd1 .cdcif .cdcif2").css("height", "100px");
    $("#influencer-billboard-container").after(`
<div class="row">
    <div class="col-md-12">
        <div class="card" style="border: 1px solid #d5d5d5; border-radius: 5px; margin-bottom: 20px;">
            <div class="card-body" style="padding: 20px;">
                <h2>國家認證高效、優質KOL行銷平台，臺灣雲市集熱門服務。安心、保障、高成效！</h2>
                <a href="https://www.kolagent.com/site/article/about-tcloud">
                <button class="btn btn-primary pull-right" style="background-color: #6161FF !important;border-radius: 40px;padding: 10px 30px;"> 瞭解更多 >> </button></a>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card" style="border: 1px solid #d5d5d5; border-radius: 5px; margin-bottom: 20px;">
            <div class="card-body" style="padding: 20px;">
                <h3>免儲值、無抽成。超優質方案</h3>
                <a href="https://www.kolagent.com/site/article/plans">
                <button class="btn btn-primary pull-right" style="background-color: #6161FF !important;border-radius: 40px;padding: 10px 30px;"> 前往方案 >> </button></a>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card" style="border: 1px solid #d5d5d5; border-radius: 5px; margin-bottom: 20px;">
            <div class="card-body" style="padding: 20px;">
                <h3>免費試用，立即與優質網紅合作</h3>
                <a href="https://www.kolagent.com/signup/brand">
                <button class="btn btn-primary pull-right" style="background-color: #6161FF !important;border-radius: 40px;padding: 10px 30px;"> 我要註冊 >> </button></a>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card" style='border: 1px solid #d5d5d5; border-radius: 5px; margin-bottom: 20px;'>
            <div class="card-body" style="padding: 20px;">
                <h3>直接接觸消費者的網紅行銷策略</h3>
                <a href="https://www.kolagent.com/features">
                    <button class="btn btn-primary pull-right" style="background-color: #6161FF !important;border-radius: 40px;padding: 10px 30px;"> 更多資訊 >> </button>
                </a>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
`);
}

{
    $("#footer .pull-right div div").after("<a href='https://www.kolagent.com/influencer/policy'><div>隱私權政策</div></a><a href='https://www.kolagent.com/site/contact'><div>聯絡我們</div></a></a><a href='https://www.kolagent.com/site/article/plans'><div>方案價目表</div></a><a href='https://www.kolagent.com/site/article/about-us'><div>關於我們</div></a>");
/*$("#footer .pull-right div div").after("<a href='https://www.kolagent.com/influencer/policy'><div>隱私權政策</div></a><a href='https://www.kolagent.com/site/contact'><div>聯絡我們</div></a>");*/
}

if(isSuper)
{
    $("head").append('<script src="//code.tidio.co/fwsbjzurmnsegsvtcv0jy3numhriimxe.js" async></script>');
    document.tidioIdentify = {
        distinct_id: userId, // Unique visitor ID in your system
        email: userEmail, // visitor email
        name: userName, // Visitor name
        phone: userPhone + " (" + userId + ")" //Visitor phone
    };


  function onTidioChatApiReady() {
    // Code after chat loaded
    tidioChatApi.setVisitorData({
        distinct_id: userId, // Unique visitor ID in your system
        email: userEmail, // visitor email
        name: userName, // Visitor name
        phone: userPhone + " (" + userId + ")" //Visitor phone
    });
  }
  if (window.tidioChatApi) {
    window.tidioChatApi.on("ready", onTidioChatApiReady);
  } else {
    document.addEventListener("tidioChat-ready", onTidioChatApiReady);
  }
}

document.addEventListener('DOMContentLoaded', function() {
//<!-- Event snippet for member conversion page -->
//<script>
  gtag('event', 'conversion', {'send_to': 'AW-11151686249/1fYGCNLvgZkYEOn0xMUp'});
//</script>
});