Simple tools for Ad-ops
Success
You successfully read this important alert message.
×
<div class="col-lg-4" id="ecpm"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">Cost per Engagement</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Amount Spent</label> <input id="cpeInputsCost" type="text" class="form-control" placeholder="$4,500"> </div> <div class="form-group has-success"> <label for="cc-name" class="control-label mb-1">Engagements</label> <input id="cpeInputsEngs" type="text" class="form-control" placeholder="3,000"> </div> <div class="form-group"> <label for="cc-number" class="control-label mb-1">Cost per Engagement</label> <input id="cpeInputsCpe" type="text" class="form-control" placeholder="$1.50"> </div> <div> <button id="cpeclear" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-eraser ti-lg"></i> <span id="payment-button-amount">Clear</span> </button> <button id="cpecompute" type="button" class="btn-outline-success btn-lg btn-info"> <i class="ti-check ti-lg"></i> <span id="payment-button-amount">Calculate</span> </button> </div> </form> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="card" style="height:467px"> <div class="card-header"> <label>Advertisement</label> </div> <div class="card-body"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Top 300x250 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3332601944840661" data-ad-slot="9793950965"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-lg-4" id="cpe"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">Effective Cost Per Mille</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Cost per Click</label> <input id="ecpmInputsCpc" type="text" type="text" class="form-control" placeholder="$5"> </div> <div class="form-group has-success"> <label for="cc-name" class="control-label mb-1">Click Through Rate</label> <input id="ecpmInputsCtr" type="text" class="form-control" placeholder="0.05%" > </div> <div class="form-group"> <label for="cc-number" class="control-label mb-1">Effective Cost Per Mille</label> <input id="ecpmInputsEcpm" type="text"class="form-control" placeholder="$2.50"> </div> <div> <button id="ecpmclear" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-eraser ti-lg"></i> <span id="payment-button-amount">Clear</span> </button> <button id="ecpmcompute" type="button" class="btn-outline-success btn-lg btn-info"> <i class="ti-check ti-lg"></i> <span id="payment-button-amount">Calculate</span> </button> </div> </form> </div> </div> </div> </div> </div> <div class="col-lg-6" id="percent"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">Percentage Calculator</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <br> <div class="form-group"> <label for="cc-name" class="control-label mb-1"> What is </label> <input type="number" id="perc101" class="input-lg form-control percent-input" placeholder="10"><span class="tag" style="right:20px;position:relative">%</span> <label for="cc-name" class="control-label mb-1"> of</label> <input type="text"id="perc102" class="input-lg form-control percent-input" placeholder="1,500"> <label for="cc-name" class="control-label mb-1"> =</label> <input type="text" id="perc103" class="input-lg form-control percent-output" placeholder="150"> </div> <label>  </label> <div class="form-group"> <input type="number" id="perc201" class="input-lg form-control percent-input" placeholder="25"><span class="tag" style="right:20px;position:relative">%</span> <label for="cc-name" class="control-label mb-1"> of </label> <input type="text" id="perc202" class="input-lg form-control percent-input" placeholder="1,000"> <label for="cc-name" class="control-label mb-1"> is</label> <input type="text" id="perc203" class="input-lg form-control percent-output" placeholder="250"> </div> <label>  </label> <div class="form-group"> <label for="cc-name" class="control-label mb-1"> From </label> <input type="text" id="perc301" class="input-lg form-control percent-input input-suffix" placeholder="500"> <label for="cc-name" class="control-label mb-1"> to</label> <input type="text" id="perc302" class="input-lg form-control percent-input input-suffix" placeholder="750"> <label for="cc-name" class="control-label mb-1"> is</label> <input type="text" id="perc303" class="input-lg form-control percent-output" placeholder="25%"> </div> </form> </div> </div> </div> </div> </div> <div class="col-lg-6" id="ctr"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">Click Through Rate</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Impressions</label> <input id="ctrInputsImps" type="text" class="form-control" placeholder="208,693"> </div> <div class="form-group has-success"> <label for="cc-name" class="control-label mb-1">Clicks</label> <input id="ctrInputsClicks" type="text" class="form-control" placeholder="563" > </div> <div class="form-group"> <label for="cc-number" class="control-label mb-1">Click Through Rate</label> <input id="ctrInputsCTR" type="text" type="number" class="form-control" placeholder="0.27%"> </div> <div> <button id="ctrclear" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-eraser ti-lg"></i> <span id="payment-button-amount">Clear</span> </button> <button id="ctrcompute" type="button" class="btn-outline-success btn-lg btn-info"> <i class="ti-check ti-lg"></i> <span>Calculate</span> </button> </div> </form> </div> </div> </div> </div> </div> <div id="tools" class="col-sm-6 col-lg-12"> <div class="card"> <div class="card-header"> <h1>Tools</h1> </div> </div> </div> <div class="col-lg-6" id="count"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">Character Counter</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Input</label> <textarea id="characterinput" class="form-control" onkeyup="countChar(this)" placeholder="Insert your text here"></textarea> </div> <output id="characteroutput"></output> <button id="charclear" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-eraser ti-lg"></i> <span id="payment-button-amount">Clear</span> </button> </form> </div> </div> </div> </div> </div> <div class="col-lg-6" id="usa"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">User Agent String</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Your User Agent String is</label> <textarea id="UserAgent" name="cc-payment" type="textarea" class="form-control"></textarea> </div> <div class="form-group has-success"> <label for="cc-name" class="control-label mb-1">IP Address</label> <input id="ip" type="text" class="form-control"></input> </div> <div class="form-group"> <label for="cc-number" class="control-label mb-1">Your location</label> <input id="region" type="text" class="form-control"></input> </div> </form> </div> </div> </div> </div> </div> <div class="col-lg-12" id="utm"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">UTM Link Builder</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">URL</label> <input id="UTMurl" onkeyup="UTMsubmit()" type="text" class="form-control" placeholder="http://adop.tools"> </div> <div class="form-group utm-input"> <label for="cc-payment" class="control-label mb-1">Source</label> <input id="UTMsource" onkeyup="UTMsubmit()" type="text" class="form-control" placeholder="facebook"> </div> <div class="form-group utm-input"> <label for="cc-payment" class="control-label mb-1">Medium</label> <input id="UTMmedium" onkeyup="UTMsubmit()" type="text" class="form-control" placeholder="social"> </div> <div class="form-group utm-input"> <label for="cc-payment" class="control-label mb-1">Campaign</label> <input id="UTMcampaign" onkeyup="UTMsubmit()" type="text" class="form-control" placeholder="promo"> </div> <div class="form-group utm-input"> <label for="cc-payment" class="control-label mb-1">Content</label> <input id="UTMcontent" onkeyup="UTMsubmit()" type="text" class="form-control" placeholder="linkpost"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Output</label> <textarea id="UTMoutput" name="cc-payment" type="text" class="form-control" readonly></textarea> </div> <button id="utmclear" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-eraser ti-lg"></i> <span id="payment-button-amount" onclick="clearUtm()">Clear</span> </button> <button type="button" onclick="copyToClipboard()" class="btn-outline-primary btn-lg btn-info" style="float:right"> <i class="ti-clipboard ti-lg"></i> <span id="payment-button-amount">Copy</span> </button> </form> </div> </div> </div> </div> </div> <div class="col-lg-4" id="uri"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">URI Decoder</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Regular Expression</label> <textarea id="uriencoded" type="textarea" class="form-control" onkeyup="decode()" placeholder="Turn %3C into <"></textarea> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">URI Encoded String</label> <textarea id="uridecoded" type="textarea" class="form-control" onkeyup="encode()" placeholder="Turn $ into %25"></textarea> </div> <button id="uriclear" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-eraser ti-lg"></i> <span id="payment-button-amount">Clear</span> </button> </form> </div> </div> </div> </div> </div> <div class="col-lg-8" id="tag"> <div class="card"> <div class="card-header"> <strong class="card-title"></strong> </div> <div class="card-body"> <!-- Credit Card --> <div id="pay-invoice"> <div class="card-body"> <div class="card-title"> <h3 class="text-center">3PAS Tag Runner</h3> </div> <hr> <form action="" method="post" novalidate="novalidate"> <div class="form-group text-center"> </div> <div class="form-group"> <label for="cc-payment" class="control-label mb-1">Tag Input</label> <textarea id="tagInput" name="cc-payment" type="textarea" class="form-control" placeholder="<IFRAME SRC='https://ad.doubleclick.net/..." ></textarea> </div> <button id="payment-button" type="button" class="btn-outline-primary btn-lg btn-info"> <i class="ti-layout ti-lg"></i> <span id="payment-button-amount" onclick="tagBelow()">Run Below</span> </button> <button id="payment-button" type="button" class="btn-outline-success btn-lg btn-info"> <i class="ti-layers ti-lg"></i> <span id="payment-button-amount" onclick="tagTab()">New Tab</span> </button> <button id="payment-button" type="button" class="btn-outline-secondary btn-lg btn-info"> <i class="ti-share ti-lg"></i> <span id="payment-button-amount">Share</span> </button> </form> </div> </div> </div> </div> </div> <div id="tagWindow" class="col-sm-6 col-lg-12" style="display:none"> <div class="card"> <div class="card-header"> <strong>3PAS Tag Runner</strong> </div> <div class="card-body" id="tagOutput"> </div> </div> </div> <div id="partners" class="col-sm-6 col-lg-12"> <div class="card"> <div class="card-header"> <strong>Partners</strong> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="card"> <div class="card-header"> <strong class="card-title mb-3">Blog</strong> </div> <div class="card-body"> <div class="mx-auto d-block"> <img class="rounded-circle mx-auto d-block" src="http://adop.tools/icon.png" alt="Card image cap"> <h5 class="text-sm-center mt-2 mb-1">Adop.tools was created as a project to help others ad-operation specialists in their day to day roles.</h5> <h5 class="text-sm-center mt-2 mb-1">You can find our blog at <a href="http://adoptools.wordpress.com"/>adoptools.wordpress.com</h5> <hr> <div class="location text-sm-center"><i class="fa fa-map-marker"></i> Auckland, New Zealand</div> </div> <hr> <div class="card-text text-sm-center"> <a href="#"><i class="fa fa-facebook pr-1"></i></a> <a href="#"><i class="fa fa-linkedin pr-1"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="card"> <div class="card-header"> <strong class="card-title mb-3">Advertisement</strong> </div> <div class="card-body"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Ad Request 300x250 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3332601944840661" data-ad-slot="1068812634"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="card"> <div class="card-header"> <strong class="card-title mb-3">Profile Card</strong> </div> <div class="card-body"> <div class="mx-auto d-block"> <img class="rounded-circle mx-auto d-block" src="images/andrew.jpg" alt="Card image cap"> <h5 class="text-sm-center mt-2 mb-1">Andrew McLeod</h5> <div class="location text-sm-center"><i class="fa fa-map-marker"></i> Auckland, New Zealand</div> </div> <hr> <div class="card-text text-sm-center"> <a href="https://www.facebook.com/adop.tools/?"><i class="fa fa-facebook pr-1"></i></a> <a href="https://www.linkedin.com/in/mcleodandrew/"><i class="fa fa-linkedin pr-1"></i></a> </div> </div> </div> </div> </div> <!-- .content --> </div><!-- /#right-panel --> <!-- Right Panel --> <script src="assets/js/vendor/jquery-2.1.4.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script> <script src="assets/js/plugins.js"></script> <script src="assets/js/main.js"></script> <!-- <script src="assets/js/lib/chart-js/Chart.bundle.js"></script> --> <script src="assets/js/dashboard.js"></script> <!-- <script src="assets/js/widgets.js"></script> --> <script src="assets/js/lib/vector-map/jquery.vmap.js"></script> <script src="assets/js/lib/vector-map/jquery.vmap.min.js"></script> <script src="assets/js/lib/vector-map/jquery.vmap.sampledata.js"></script> <script src="assets/js/lib/vector-map/country/jquery.vmap.world.js"></script> <script> ( function ( $ ) { "use strict"; jQuery( '#vmap' ).vectorMap( { map: 'world_en', backgroundColor: null, color: '#ffffff', hoverOpacity: 0.7, selectedColor: '#1de9b6', enableZoom: true, showTooltip: true, values: sample_data, scaleColors: [ '#1de9b6', '#03a9f5' ], normalizeFunction: 'polynomial' } ); } )( jQuery ); </script> </body> </html>