API tools faq
paste
inodorotnuk

billboard-sarah

inodorotnuk
Mar 21st, 2020
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.38 KB | None | 0 0
raw download clone embed print report
  1. <script>
  2.     var domain = "vemale";
  3.     var topframe_style_fix = "";
  4.  
  5.     function topframeFix() {
  6.         switch (domain) {
  7.             case "vemale":
  8.                 topframe_style_fix = '\
  9.          <sty' + 'le>\
  10.             body > div:first-of-type{\
  11.               background:none !important;\
  12.             }\
  13.          </sty' + 'le>';
  14.                 break;
  15.             case "merdeka":
  16.                 topframe_style_fix = '\
  17.          <sty' + 'le>\
  18.             #div-gpt-ad-merdeka-topfrm-oop{\
  19.               background:none !important;\
  20.             }\
  21.            .navbar{\
  22.                margin-bottom:-20px;\
  23.             }\
  24.            .navbar-header {\
  25.                background: #FFF;\
  26.             }\
  27.             #mdk-content {\
  28.                background: #FFF;\
  29.             }\
  30.             #mbreaking-news{\
  31.                display: block;\
  32.                padding: 20px 0;\
  33.                background: #FFF;\
  34.             }\
  35.             #mdk-content{\
  36.                margin-top: -20px;\
  37.             }\
  38.             #mdk-footers{\
  39.                margin-bottom:-5px;\
  40.                padding-bottom:60px;\
  41.             }\
  42.             #mdk-news-detail{\
  43.                background:#FFF;\
  44.             }\
  45.              .box-promo-apps{padding-top: 23px;margin-top: -23px;}\
  46.             #mdk-to-top{padding-top: 15px !important;margin-top: -5px !important;}\
  47.             .box-promo-apps,#mdk-to-top,br.clear{background: #FFF;}\
  48.             .widget-email-app{margin-top: -40px !important;}\
  49.          </sty' + 'le>';
  50.                 break;
  51.             case "bola":
  52.                 topframe_style_fix = '\
  53.          <sty' + 'le>\
  54.            #div-gpt-ad-bola-topfrm-oop{\
  55.               background:transparent !important;\
  56.            }\
  57.            #main_top {\
  58.                background: #FFF;\
  59.                padding-top: 15px;\
  60.            }\
  61.            .a2{\
  62.                background: #FFF;\
  63.                padding-bottom: 50px;\
  64.                margin-bottom: -25px;\
  65.            }\
  66.          </sty' + 'le>';
  67.                 break;
  68.             case "dream":
  69.                 topframe_style_fix = '\
  70.          <sty' + 'le>\
  71.             #div-gpt-ad-dream-topfrm-oop{\
  72.               background:none !important;\
  73.             }\
  74.            .navbar{\
  75.                background: #FFF;\
  76.             }\
  77.             .section {\
  78.                 background: #FFF;\
  79.             }\
  80.          </sty' + 'le>';
  81.                 break;
  82.             default:
  83.                 topframe_style_fix = '\
  84.            <sty' + 'le>\
  85.               #div-gpt-ad-' + domain + '-topfrm-oop{\
  86.                 background:none !important;\
  87.               }\
  88.            </sty' + 'le>';
  89.                 break;
  90.         }
  91.     }
  92.     topframeFix();
  93.     var topframe_style = '\
  94.     <sty' + 'le>\
  95.     #topframe{\
  96.       position: fixed;\
  97.       overflow: hidden;\
  98.       width: 100%;\
  99.       z-index:0;\
  100.       top : 0;\
  101.     }\
  102.     #topframe-ox{\
  103.       position:relative;\
  104.       text-align:center;\
  105.       width: 100%;\
  106.       height:100%;\
  107.       overflow: hidden;\
  108.       transition: padding .5s .25s;\
  109.       -webkit-transition:padding .5s .25s;\
  110.       -moz-transition: padding .5s .25s;\
  111.       -o-transition: padding .5s .25s;\
  112.       z-index: -1;\
  113.     }\
  114.     #topframe.expand #topframe-ox{\
  115.       transition: padding .5s;\
  116.       -webkit-transition:padding .5s;\
  117.       -moz-transition: padding .5s;\
  118.       -o-transition: padding .5s;\
  119.     }\
  120.     #topframe-img-container-absolute{\
  121.       position: absolute;\
  122.       top:0;\
  123.       left: 0;\
  124.       width: 100%;\
  125.       z-index:-99;\
  126.     }\
  127.     #topframe-img-container{\
  128.       position:fixed;\
  129.       left:0;\
  130.       z-index:-99;\
  131.       width: 100%;\
  132.       overflow: hidden;\
  133.       transform: translate3d(0,0,0);\
  134.       -webkit-transform: translate3d(0,0,0);\
  135.       -moz-transform: translate3d(0,0,0);\
  136.       -o-transform: translate3d(0,0,0);\
  137.       -webkit-transition: top .5s .25s;\
  138.       -moz-transition: top .5s .25s;\
  139.       -o-transition: top .5s .25s;\
  140.       transition: top .5s .25s;\
  141.     }\
  142.     #topframe.expand #topframe-img-container{\
  143.       -webkit-transition: top .5s;\
  144.       -moz-transition: top .5s;\
  145.       -o-transition: top .5s;\
  146.       transition: top .5s;\
  147.     }\
  148.     .topframe-img{\
  149.       position:relative;\
  150.       max-width:100%;\
  151.       margin: 0 auto;\
  152.       display:block;\
  153.     }\
  154.     #topframe-close-btn {\
  155.       background-color: #F44336;\
  156.       color:#fff;\
  157.       height: 42px;\
  158.       padding: 0;\
  159.       margin: 0;\
  160.       font-size: 0;\
  161.       width: 42px;\
  162.       box-sizing: border-box;\
  163.       position: absolute;\
  164.       bottom: -150px;\
  165.       right:0;\
  166.       white-space: nowrap;\
  167.       font-family:arial,sans-serif;\
  168.       z-index: 2;\
  169.       text-align: center;\
  170.       transition: bottom .5s;\
  171.       -webkit-transition:bottom .5s;\
  172.       -moz-transition: bottom .5s;\
  173.       -o-transition: bottom .5s;\
  174.     }\
  175.     #topframe-close-btn:after{\
  176.       content: "";\
  177.       display: inline-block;\
  178.       vertical-align: middle;\
  179.       width: 0;\
  180.       height: 100%;\
  181.       padding: 0;\
  182.       margin: 0;\
  183.       position: relative;\
  184.     }\
  185.     #topframe-close-btn img{\
  186.       width: 18px;\
  187.       display:inline-block;\
  188.       vertical-align:middle;\
  189.     }\
  190.     #topframe.expand #topframe-close-btn{\
  191.       bottom: 0;\
  192.       transition: bottom .5s .25s;\
  193.       -webkit-transition:bottom .5s .25s;\
  194.       -moz-transition: bottom .5s .25s;\
  195.       -o-transition: bottom .5s .25s;\
  196.     }\
  197.     #topframe-desturl{\
  198.       position: absolute;\
  199.       top:0;\
  200.       left:0;\
  201.       width: 100%;\
  202.       z-index:1;\
  203.     }\
  204.     .container.header-menu.text-center {\
  205.         position: relative;\
  206.         background: #fff;\
  207.         width: 100%;\
  208.     }\
  209.     ul.menu-second.list-inline {\
  210.         margin: 0;\
  211.         background: #fff;\
  212.         padding: 0 14px 0 12px;\
  213.     }\
  214.     div#mdk-body {\
  215.         position: relative;\
  216.         background: #fff !important;\
  217.     }\
  218.     .container.add-topframe {\
  219.         position: relative;\
  220.     }\
  221.     div#mdk-body {\
  222.         position: relative;\
  223.         background: #fff !important;\
  224.     }\
  225.     \
  226.     div#mdk-footers {\
  227.         position: relative;\
  228.     }\
  229.     div.container.add-topframe:before {\
  230.         content: "";\
  231.         position: absolute;\
  232.         left: 0;\
  233.         top: -100px;\
  234.         height: 100vh;\
  235.         background: #fff;\
  236.         z-index: -1;\
  237.         width: 100%;\
  238.     }\
  239.     \
  240.     img#topframe-img-big-pulse {\
  241.         position: relative;\
  242.         width: 100%;\
  243.         max-width: unset !important;\
  244.         max-height: unset !important;\
  245.     }\
  246.     .oto-menu-v2.text-center ,\
  247.     div#mdk-content ,\
  248.     div#main_top ,\
  249.     .a2 {\
  250.         position: relative;\
  251.         background: #fff;\
  252.     }\
  253.     .mdk-container .navbar {\
  254.         background: #fff;\
  255.     }\
  256.     .wrapper .container{\
  257.         position : relative;\
  258.     }\
  259.     div#topframe iframe {\
  260.         max-height: unset !important;\
  261.     }\
  262.     .widget-email-app {\
  263.         position: relative;\
  264.         background: #fff;\
  265.         padding: 20px;\
  266.     }\
  267.     \
  268.     div#mdk-to-top {\
  269.         position: relative;\
  270.         background: #fff;\
  271.         padding: 10px;\
  272.         margin-top: -5px;\
  273.     }\
  274.     </sty' + 'le>';
  275.  
  276.     var billScreenWidth = (window.screen.width > window.screen.height) ? window.screen.height : window.screen.width;
  277.     var screenWidth = (billScreenWidth ? billScreenWidth : 480);
  278.     var docScale = screenWidth / 320;
  279.  
  280.     var topframe_template = `
  281.         <div id="topframe">
  282.             <div id="topframe-ox">
  283.                 <div id="topframe-img-container-absolute">
  284.                     <div id="topframe-img-container">
  285.                         <div id="topframe-img-wrapper-big">
  286.                             <iframe srcdoc="" id="topframe-img-big" class="topframe-img" frameborder="0" scrolling="no" alt=""></iframe>
  287.                         </div>
  288.                     </div>
  289.                 </div>    
  290.                     <div id="beacon_topframe" style="position: absolute; left: 0px; top: 0px; visibility: hidden;">
  291.                       <img id="mobileBillboardImpression" src="" style="display:none; visibility:hidden;" width="0" height="0">
  292.                         <img src="//id-gmtdmp.mookie1.com/t/v2/imp?tagid=V2_100501&src.rand=%n&src.campaignID=%ebuy!&src.placementID=%epid!"/>
  293.                         <img src="//id-gmtdmp.mookie1.com/t/v2/activity?tagid=V2_851533&src.rand=%%CACHEBUSTER%%&" style="display:none;"/>
  294.                     </div>                    
  295.             </div>
  296.         </div>
  297.     `;
  298.  
  299.     topframe_template = topframe_style_fix + topframe_style + topframe_template;
  300.  
  301.     var topframe_script =`
  302.       var dfp_useTracker = true ;
  303.       var dfP_topframeImpression = "%%VIEW_URL_UNESC%%https://cdns.klimg.com/d.kapanlaginetwork.com/banner/asset/img/pixel.png";
  304.       var dfp_imageBig = "<html><body style=\'transform: scale(`+docScale+`, `+docScale+`); transform-origin: 0px 0px 0px;margin:0;padding:0;\'><ins data-dcm-click-tracker=\'%%CLICK_URL_UNESC%%\' class=\'dcmads\' style=\'display:inline-block;width:320px;height:480px\' data-dcm-placement=\'N1108606.3525704SYMPHONYIMPACT/B23913372.270318453\' data-dcm-rendering-mode=\'script\' data-dcm-https-only data-dcm-resettable-device-id=\'\' data-dcm-app-id=\'\'> <script src=\'https://fw.adsafeprotected.com/rjss/www.googletagservices.com/424628/44144588/dcm/dcmads.js\'><\/script> <\/ins><\/body><\/html>";
  305.       var dfp_topframeCloseTracker = "";
  306.       var close_btn_src = "https://cdns.klimg.com/d.kapanlaginetwork.com/banner/asset/img/close.png";
  307.  
  308.       /*CONST*/
  309.       var topFrameMaxWidth = 480;
  310.       var topFrameClosedMaxHeight = 150;
  311.       var topFrameExpandedMaxHeight = 480;
  312.       var defaultCookieDuration = 10;
  313.  
  314.       /*REFERENCES*/
  315.       var topFrame = document.getElementById("topframe");
  316.       var topFrameOX = document.getElementById("topframe-ox");
  317.       var topFrameClose = document.getElementById("topframe-img-big-pulse");
  318.       var topFrameImageContainer = document.getElementById("topframe-img-container");
  319.       var topFrameImageContainerAbsolute = document.getElementById("topframe-img-container-absolute");
  320.       var topFrameImageBig = document.getElementById("topframe-img-big");
  321.       var mobileBillboardImpression = document.getElementById("mobileBillboardImpression");
  322.  
  323.       /*STATE*/
  324.       var deviceOrientation = (window.innerHeight < window.innerWidth ? "landscape" : "portrait");
  325.      var dfp_isTopframeClosed = false;
  326.      var topframeState = "expand";
  327.      var klmain = document.querySelector(".main-kl");
  328.      var isIos = navigator.platform.match(/iPhone|iPod|iPad/);
  329.  
  330.      /*CODE*/
  331.      topFrameImageBig.srcdoc = dfp_imageBig;
  332.  
  333.      if (klmain) {
  334.          klmain.parentElement.classList.add("add-topframe");
  335.      }
  336.  
  337.      if (!isIos) {
  338.         topframe.style.zIndex = "-9999";
  339.      }
  340.      topframeVisualCallback();
  341.  
  342.      mobileBillboardImpression.setAttribute("src", dfP_topframeImpression);
  343.  
  344.      function getDomainName() {
  345.          hostName = window.location.hostname;
  346.          rHN = hostName.substring(hostName.lastIndexOf(".", hostName.lastIndexOf(".") - 1) + 1);
  347.          return (rHN == "kapanlaginetwork.com") ? "kapanlagi.com" : rHN;
  348.      }
  349.  
  350.      function topframeVisualCallback() {
  351.          var orientation = (isIos) ? window.orientation : screen.orientation.angle;
  352.          var heighresponsive = Math.round((topFrameClosedMaxHeight / topFrameMaxWidth * window.innerWidth));
  353.          /*console.log(window.screen.height);*/
  354.          var billScreenWidth = (window.screen.width > window.screen.height) ? window.screen.height : window.screen.width;
  355.           var screenWidth = (billScreenWidth < 480 ? billScreenWidth : 480) ;
  356.          topFrameImageBig.style.height = Math.round(screenWidth+205.5) + "px";
  357.          topFrameImageBig.style.width = screenWidth + "px";
  358.          if (orientation !== 0) {
  359.              deviceOrientation = "landscape";
  360.          } else {
  361.              deviceOrientation = "portrait";
  362.          }
  363.          if (topframeState == "closed") {
  364.              if (orientation == 0) {
  365.                  TFVSetMarginValue(heighresponsive);
  366.                  topFrameOX.style.height = heighresponsive + "px";
  367.              } else {
  368.                  TFVSetMarginValue(0);
  369.                  topFrameOX.style.height ="0px";
  370.              }
  371.          } else if (topframeState == "expand") {
  372.              if (orientation == 0) {
  373.                  TFVSetMarginValue(topFrameMaxWidth*screenWidth/320);
  374.                  topFrameOX.style.height = Math.round(topFrameMaxWidth*screenWidth/320) + "px";
  375.              } else {
  376.                  TFVSetMarginValue(0);
  377.                  topFrameOX.style.height ="0px";
  378.              }
  379.          }
  380.          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  381.  
  382.          var topFrameImageContainerTop;
  383.          if (scrollTop > -1) {
  384.               topFrameImageContainer.style.transition = "";
  385.               if (topframeState == "closed") {
  386.                   topFrameImageContainerTop = 0;
  387.               } else if (topframeState == "expand") {
  388.                   if (window.innerWidth < topFrameMaxWidth) {
  389.                      topFrameImageContainerTop = 0;
  390.                      /*console.log(topFrameImageContainerTop);*/
  391.                  } else {
  392.                      topFrameImageContainerTop = -topFrameClosedMaxHeight;
  393.                  }
  394.              }
  395.          } else {
  396.  
  397.              topFrameImageContainer.style.transition = "none";
  398.              if (topframeState == "closed") {
  399.                  topFrameImageContainerTop = -scrollTop;
  400.              } else if (topframeState == "expand") {
  401.                  if (window.innerWidth < topFrameMaxWidth) {
  402.                      topFrameImageContainerTop = -scrollTop - Math.round((topFrameClosedMaxHeight / topFrameMaxWidth * window.innerWidth));
  403.                  } else {
  404.                      topFrameImageContainerTop = -scrollTop - topFrameClosedMaxHeight;
  405.                  }
  406.              }
  407.          }
  408.  
  409.          topFrameImageContainer.style.top = topFrameImageContainerTop + "px";
  410.      }
  411.  
  412.      function closeTopFrame(e) {
  413.         /*console.log("clicked close button");*/
  414.          e ? e.preventDefault() : "";
  415.          topFrame.className = "";
  416.          topframeState = "closed";
  417.          topframeVisualCallback();
  418.          var smallTracker = document.createElement("img");
  419.          smallTracker.style.display = "none";
  420.          smallTracker.src = "https://bit.ly/2JLAugw";
  421.          document.body.appendChild(smallTracker);
  422.      }
  423.  
  424.      function expandTopFrame(e) {
  425.          e ? e.preventDefault() : "";
  426.          topFrame.className = "expand";
  427.          topframeState = "expand";
  428.          topframeVisualCallback();
  429.      }
  430.  
  431.      function showTopFrame() {
  432.          if (typeof dfp_IsSledLive != "undefined" && dfp_IsSledLive == false) {
  433.              topframeState = dfp_isTopframeClosed ? "closed" : "expand";
  434.          }
  435.          topFrameImageBig.src = dfp_imageBig;
  436.          /*console.log(topframeState + " " + dfp_isTopframeClosed);*/
  437.          if (topframeState == "expand") {
  438.              expandTopFrame();
  439.          } else {
  440.              closeTopFrame();
  441.          }
  442.      }
  443.  
  444.      window.addEventListener("orientationchange", function() {
  445.          topframeVisualCallback();
  446.          setTimeout(function() {
  447.              topframeVisualCallback();
  448.          }, 1000);
  449.          topFrameOrientation();
  450.  
  451.      });
  452.  
  453.      window.addEventListener("resize", function() {
  454.          topframeVisualCallback();
  455.          setTimeout(function() {
  456.              topframeVisualCallback();
  457.          }, 1000);
  458.      });
  459.  
  460.      document.addEventListener("scroll", function(e) {
  461.          topframeVisualCallback();
  462.      });
  463.  
  464.      function topFrameOrientation() {
  465.          var ios = navigator.platform.match(/iPhone|iPod|iPad/);
  466.          var orientation = (ios) ? window.orientation : screen.orientation.angle;
  467.          document.querySelector('.banner-lb') && (document.querySelector('.banner-lb').querySelector('iframe').style = 'width:'+screen.width+'px !important;' );
  468.          if (orientation == 0) {
  469.              topFrame.style.display = "block";          
  470.          } else {
  471.              topFrame.style.display = "none";
  472.          }
  473.  
  474.      }
  475.  
  476.      topFrameOrientation();
  477.      showTopFrame();
  478.      setTimeout(function () {
  479.        topframeVisualCallback();
  480.      }, 1500);
  481.  
  482.      function TFVSetMarginValue(marginvalue) {
  483.        var sitename = document.location.origin;
  484.        switch (sitename) {
  485.            case "https://m.kapanlagi.com":
  486.                document.getElementsByTagName("body")[0].style.marginTop = marginvalue + "px";
  487.                document.getElementsByTagName("body")[0].style.transition = "margin-top .25s ease";
  488.                break;
  489.            case "https://m.vemale.com":
  490.                document.querySelector(".vemale-header").style.marginTop = marginvalue + "px";
  491.                document.querySelector(".vemale-header").style.transition = "margin-top .25s ease";
  492.                break;
  493.            case "https://m.merdeka.com":
  494.                document.querySelector(".navbar").style.marginTop = marginvalue + "px";
  495.                document.querySelector(".navbar").style.transition = "margin-top .25s ease";
  496.                document.querySelector(".mdk-container").style.overflow = "";
  497.                document.querySelector("#detail_news #mdk-news_img_det") && (document.querySelector("#detail_news #mdk-news_img_det").style.margin = "unset");
  498.                document.querySelector("#detail_news #mdk-news_img_det") && (document.querySelector("#detail_news #mdk-news_img_det").style.padding = "unset");
  499.               document.querySelector("ul.read-comment__nav") && (document.querySelector("ul.read-comment__nav").style.marginRight = "unset");
  500.                break;
  501.            case "https://planet.merdeka.com":
  502.                document.querySelector(".section-merdeka") && (document.querySelector(".section-merdeka").style = "position:relative;margin-top: "+ screen.width +"px;");
  503.                break;
  504.            case "https://m.bola.net":
  505.                document.querySelector("#main_top").style.marginTop = marginvalue + "px";
  506.                document.querySelector("#main_top").style.transition = "margin-top .25s ease";
  507.                break;
  508.            case "https://m.otosia.com":
  509.                document.querySelector(".navbar").style.marginTop = marginvalue + "px";
  510.                document.querySelector(".navbar").style.transition = "margin-top .25s ease";
  511.                break;
  512.            case "https://m.fimela.com":
  513.                document.querySelector("#back-to-top").style.marginTop = marginvalue + "px";
  514.                document.querySelector("#back-to-top").style.transition = "margin-top .25s ease";
  515.                break;
  516.            case "https://m.dream.co.id":
  517.                document.querySelector(".navbar").style.marginTop = marginvalue + "px";
  518.                document.querySelector(".navbar").style.transition = "margin-top .25s ease";
  519.                break;
  520.            case "https://m.bintang.com":
  521.                document.querySelector("#back-to-top").style.marginTop = marginvalue + "px";
  522.                document.querySelector("#back-to-top").style.transition = "margin-top .25s ease";
  523.                document.querySelector(".layout__ads").style.height = "0";
  524.                break;
  525.            case "https://m.bola.com":
  526.                document.querySelector("#back-to-top").style.marginTop = marginvalue + "px";
  527.                document.querySelector("#back-to-top").style.transition = "margin-top .25s ease";
  528.                document.querySelector(".layout__ads").style.height = "0";
  529.                break;
  530.            case "https://m.liputan6.com":
  531.                document.querySelector("#back-to-top").style.marginTop = marginvalue + "px";
  532.                document.querySelector("#back-to-top").style.transition = "margin-top .25s ease";
  533.                document.querySelector(".layout__ads").style.height = "0";
  534.                break;
  535.            default :
  536.            document.getElementsByTagName("body")[0].style.marginTop = marginvalue + "px";
  537.            document.getElementsByTagName("body")[0].style.transition = "margin-top .25s ease";
  538.            break;
  539.        }
  540.    }
  541.    `;
  542.  
  543.  
  544.    /*get frame*/
  545.    var iframeEl = window.frameElement;
  546.  
  547.    //get frame parent
  548.    var iframeParentEl = iframeEl.parentElement;
  549.  
  550.    //create popup element to containing skinad template
  551.    var containerEl = document.createElement('div');
  552.    containerEl.innerHTML = topframe_template;
  553.    containerEl.style.position = 'relative';
  554.    containerEl.style.width = '100%';
  555.  
  556.    //add skinad element to parent frame
  557.    iframeParentEl.appendChild(containerEl);
  558.  
  559.    //create container for skinad script
  560.    var containerScript = document.createElement('script');
  561.    containerScript.setAttribute('type', 'text/javascript');
  562.  
  563.    //assign script to script container, note in firefox innerText not available so use textContent instead
  564.    if (typeof containerScript.innerText == 'undefined') {
  565.  
  566.        containerScript.textContent = topframe_script;
  567.  
  568.    } else
  569.        containerScript.innerText = topframe_script;
  570.  
  571.    //add popup script  container to skinad element
  572.    containerEl.appendChild(containerScript);
  573.    var iframeTFEl = window.frameElement;
  574.    iframeTFEl.style.display = "none";
  575. </script>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!