Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 4th, 2012  |  syntax: None  |  size: 26.03 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6.   <head>
  7.     <title>Welcome! | PageLever
  8.     </title>
  9.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  10.     <meta name="robots" content="NONE,NOARCHIVE,NOFOLLOW,NOINDEX"/>
  11.     <link rel="shortcut icon" href="https://pagelever.com/favicon.ico"/>
  12.    
  13.     <style type="text/css" >
  14.       * {
  15.         font-family:Arial,  sans-serif;
  16.         font-size:13px;
  17.         margin:0;
  18.         padding:0;
  19.       }
  20.  
  21.       /* PDF/Prince specific */
  22.       @page {
  23.         prince-shrink-to-fit: auto;
  24.         prince-pdf-page-mode: fullscreen;
  25.         size: US-Letter;
  26.         margin: 50pt 20pt 50pt 20pt;
  27.        
  28.         @top {
  29.           content: flow(header);
  30.         }
  31.        
  32.         @bottom-right {
  33.           content: "Page " counter(page) " of " counter(pages);
  34.         }
  35.        
  36.         @font-face {
  37.           font-family: sans-serif;
  38.         }
  39.        }
  40.  
  41.       .pdf-display-none {
  42.         display:none;
  43.       }
  44.  
  45.       /* Stuff altered from original stylesheets */
  46.  
  47.       body {
  48.  
  49.         text-align:center;
  50.       }
  51.  
  52.       p {
  53.         font-size:16px;
  54.       }
  55.  
  56.       strong {
  57.         font-size:16px;
  58.       }
  59.  
  60.       html {
  61.         color:#333;
  62.       }
  63.  
  64.       a {
  65.         border:none;
  66.         color:#2a5bad;
  67.         text-decoration: none;
  68.       }
  69.       a:hover {
  70.         text-decoration: underline;
  71.       }
  72.       img a {
  73.         border:none;
  74.       }
  75.       img {
  76.         border: none;
  77.       }
  78.       ul, li {
  79.         list-style:none;
  80.       }
  81.  
  82.       h1 {
  83.         font-size: 26px;
  84.         color: #7CBE43;
  85.       }
  86.       h2 {
  87.         display:block;
  88.         color:#454545;
  89.         font-size: 20px;
  90.         padding-bottom: 10px
  91.       }
  92.  
  93.       h3 {
  94.         color:#727272;
  95.         font-size:18px;
  96.         line-height:32px;
  97.         letter-spacing:0.1px;
  98.         text-shadow:#FFF 1px 1px 1px;
  99.         font-weight: normal;
  100.       }
  101.       hr{
  102.         margin-top: 20px;
  103.         margin-bottom: 20px;
  104.         border: 1px solid #E6E6E6;
  105.       }
  106.       h3{
  107.         letter-spacing: -0.05em;
  108.         font-size: 15px;
  109.         font-weight: normal;
  110.         padding: 0;
  111.         margin: 0;
  112.       }
  113.       h4 {
  114.         clear: both;
  115.         display: block;
  116.         margin-bottom: 10px;
  117.         font-size: 18px;
  118.         font-weight: normal;
  119.         text-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 1px;
  120.         text-decoration: none;
  121.         cursor: none;
  122.       }
  123.      
  124.       .center {
  125.         text-align:center;
  126.       }
  127.  
  128.       .left {
  129.         float:left;
  130.       }
  131.  
  132.       .content_medium {
  133.         clear:both;
  134.         background-color:#FFF;
  135.       }
  136.  
  137.       .left_medium {
  138.         float:left;
  139.         width:520px;
  140.       }
  141.  
  142.       .left_wide {
  143.         float:left;
  144.         width:640px;
  145.       }
  146.  
  147.       .right {
  148.         float:right;
  149.       }
  150.  
  151.       .right_medium {
  152.         float:right;
  153.         width:280px;
  154.       }
  155.  
  156.       .wrapper {
  157.         width:960px;
  158.         margin:0 auto;
  159.       }
  160.  
  161.       .padding {
  162.         padding-left:30px !important;
  163.         padding-right:30px !important;
  164.       }
  165.  
  166.       .clear {
  167.         clear:both;
  168.       }
  169.  
  170.       .lineheight {
  171.         line-height:26px;
  172.       }
  173.  
  174.       .paddingtop {
  175.         padding-top:7px;
  176.       }
  177.  
  178.       label {
  179.         display:block;
  180.         font-size:13px;
  181.         padding:0 0 4px;
  182.       }
  183.  
  184.       #all_content {
  185.         text-align:left;
  186.         clear:both;
  187.         width:960px;
  188.       }
  189.  
  190.       #top {
  191.         height:65px;
  192.           border-bottom:1px solid #C4CACC !important;
  193.       }
  194.      
  195.       #top .top_logo {
  196.         float: left;
  197.         display: block;
  198.         text-indent: -9999px;
  199.       }
  200.      
  201.       #content {
  202.         position: relative;
  203.       }
  204.      
  205.       .whitecontent {
  206.         background-color: #fff !important;
  207.         height: 100%;
  208.       }
  209.      
  210.       .report_title
  211.       {
  212.         display: block;
  213.         clear: both;
  214.         margin-top: 2px;
  215.         width: 100%;
  216.         height: 40px;
  217.       }
  218.  
  219.       .report_title h2, .report_title a{
  220.         padding-top: 12px;
  221.         padding-left: 5px;
  222.       }
  223.      
  224.       .report_title span{
  225.         float:right;
  226.         padding-top: 10px;
  227.         font-size: 13px;
  228.  
  229.         text-decoration: none;
  230.         color:#727272;
  231.         font-weight: normal;
  232.       }
  233.      
  234.       .report_content{
  235.         float: left;
  236.         width: 99.8%;
  237.         max-width:960px;
  238.         margin-bottom: 20px;
  239.         border: 1px solid #E5E5E5;
  240.       }
  241.       .report_content p {
  242.         font-size: 16px;
  243.         margin-left: 10px;
  244.         margin-bottom: 18px;
  245.       }
  246.  
  247.       .report_content strong {
  248.         font-size: 16px;
  249.       }
  250.  
  251.       .report_content li, .report_content ul {
  252.         color: #8E8E8E;
  253.       }
  254.       .report_content span {
  255.         color: #3C3C3C;
  256.         font-weight: bold;
  257.         font-size: 14px;
  258.       }
  259.       .report_content .big_green {
  260.         color: #50B432;
  261.         font-size: 34px;
  262.         text-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 1px;
  263.         margin-right: 5px;
  264.       }
  265.       .report_content .big_red {
  266.         color: #CC0000;
  267.         font-size: 34px;
  268.         text-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 1px;
  269.         margin-right: 5px;
  270.       }
  271.       .report_content .big_blue {
  272.         color: #058DC7;
  273.         font-size: 34px;
  274.         text-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 1px;
  275.         margin-right: 5px;
  276.       }
  277.       .report_content .big_orange {
  278.         color: #ED561B;
  279.         font-size: 34px;
  280.         text-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 1px;
  281.         margin-right: 5px;
  282.       }
  283.       .report_content .box {
  284.         margin-top: 12px;
  285.         width: 160px;
  286.         margin-right: 20px;
  287.       }
  288.       .report_content .stats {
  289.         float: right;
  290.         margin-top: 6px;
  291.         margin-left: 100px;
  292.         margin-right: 40px;
  293.       }
  294.       .report_content__{
  295.         padding: 20px 20px 20px 10px;
  296.       }
  297.       .fonthigh {
  298.         font-size: 52px !important;
  299.       }
  300.       .fontmedium {
  301.         padding-top: 12px !important;
  302.         padding-left: 10px !important;
  303.         font-size: 14px !important;
  304.         font-weight: bold !important;
  305.       }
  306.       .report_medium_box{
  307.         float: left;
  308.         width: 435px;
  309.       }
  310.       .space_right {
  311.         margin-right: 26px;
  312.       }
  313.       #day_header {
  314.         height:120px;
  315.         font-size: 12px;
  316.         padding:8px;
  317.         margin-left:30px;
  318.         margin-right:30px;
  319.         background-color: #FBFBFB;
  320.         border: 1px solid #E5E5E5;
  321.         color: #6A6A6A;
  322.         border-radius: 5px 5px;
  323.         -moz-border-radius: 5px 5px;
  324.       }
  325.       /* tables */
  326.       table.tablesorter {
  327.         font-family:Arial;
  328.         background-color: #E5E5E5;
  329.         margin:10px 0pt 15px;
  330.         font-size: 10px;
  331.         width: 100%;
  332.         text-align: left;
  333.         border-radius: 5px 5px;
  334.         -moz-border-radius: 5px 5px;
  335.       }
  336.       table.tablesorter a{
  337.         color: #1376C9;
  338.         font-size: 12px;
  339.         text-decoration: none;
  340.       }
  341.       table.tablesorter a:hover {
  342.         text-decoration: underline;
  343.       }
  344.       table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  345.         border-right: 1px solid #D6D6D6;
  346.         background-color: #E5E5E5;
  347.         padding: 8px;
  348.         font-size: 14px;
  349.         font-weight: bold;
  350.         text-shadow: #fff 1px 1px 1px;
  351.         color: #6D7276;
  352.         text-align: left;
  353.       }
  354.       table.tablesorter thead tr .header {
  355.         background-image: url('/images/bg.gif');
  356.         background-repeat: no-repeat;
  357.         background-position: center right;
  358.         cursor: pointer;
  359.       }
  360.       table.tablesorter tbody td {
  361.         color: #6A6A6A;
  362.         padding: 8px;
  363.         background-color: #FFF;
  364.         font-size: 12px;
  365.         vertical-align: top;
  366.       }
  367.       table.tablesorter tbody tr.odd td {
  368.         background-color:#FBFBFB;
  369.       }
  370.       table.tablesorter thead tr .headerSortUp {
  371.         background-image: url('/images/asc.gif');
  372.       }
  373.       table.tablesorter thead tr .headerSortDown {
  374.         background-image: url('/images/desc.gif');
  375.       }
  376.       table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  377.         background-color: #8dbdd8;
  378.       }
  379.     </style>
  380.    
  381.    
  382.     <script src="http://pagelever-prod.heroku.com/javascripts/jquery-1.4.4.min.js" type="text/javascript"></script>
  383.     <script src="http://pagelever-prod.heroku.com/javascripts/highcharts.js" type="text/javascript"></script>
  384.        
  385.        
  386.   </head>
  387.   <body>
  388.  
  389.     <div id="all_content">
  390.       <div class="wrapper">
  391.         <div id="top" style="flow: static(header);">
  392.          
  393.             <div style="float:right;margin:0px;width:500px;text-align:right;">
  394.               <h2>Mint.com  - Summary Report</h2>
  395.               <p>Tuesday, March 08, 2011 to Sunday, March 27, 2011</p>
  396.             </div>
  397.            
  398.             <div style="padding-top:8px">
  399.               <a href="/dashboard"><img alt="Pagelever_logo_233" class="top_logo" src="/images/pagelever_logo_233.png?1301374682" title="PageLever" /></a>
  400.             </div>
  401.            
  402.  
  403.         </div>
  404.        
  405.         <div id="content">                     
  406.           <div class="whitecontent">  
  407.             <div id="growth" class="left padding">
  408.   <div class="report_title shadow_top" style="width: 887px">
  409.     <h2>Fan Growth
  410.       <span>New and Removed Fans, Net Growth, and Total Fans</span>
  411.     </h2>
  412.   </div>
  413.  
  414.   <div class="report_content shadow_bottom" style="width: 879px;padding-left:20px">
  415.     <div class="clear">
  416.       <div style="float:left;width:260px;">
  417.         <div class="left box" style="width:240px;margin-top:20px">
  418.             <span style="font-size:20px">New Fans:
  419.             </span><br/>
  420.             <span class='big_green'>23</span>
  421.         </div>
  422.        
  423.         <div class="left box" style="width:240px;margin-top:20px">
  424.             <span style="font-size:20px">Removed Fans:
  425.             </span><br/>
  426.             <span class='big_red'>13</span>
  427.         </div>
  428.        
  429.         <div class="left box" style="width:240px;margin-top:20px">
  430.             <span style="font-size:20px">Net Growth:
  431.             </span><br/>
  432.             <span class='big_blue'>10</span> <span style="font-size:30px">/</span> &nbsp;&nbsp; <span class='big_green'>+20.0%</span>              
  433.         </div>
  434.        
  435.         <div class="left box" style="width:240px;margin-top:20px">
  436.             <span style="font-size:20px">Total Fans on 03/27:
  437.             </span><br/>
  438.             <span class='big_blue'>2,578,138</span>            
  439.         </div>
  440.       </div>
  441.      
  442.       <div style="float:left;width:280px;margin-left:10px;">                
  443.         <div id="chart-7540" style="width: 560px; height: 340px;margin:10px"></div>
  444.  
  445.  
  446.  
  447.   <script type="text/javascript">
  448.     var chart;
  449.     $(document).ready(function() {
  450.       var json_data_7540 = {"categories":["03/08/11","03/09/11","03/10/11","03/11/11","03/12/11","03/13/11","03/14/11","03/15/11","03/16/11","03/17/11","03/18/11","03/19/11","03/20/11","03/21/11","03/22/11","03/23/11","03/24/11","03/25/11","03/26/11","03/27/11"],"series":[{"name":"New Fans (Unique)","data":[94,101,103,99,87,63,90,83,129,126,97,85,91,101,88,88,147,91,73,81],"page_id":3},{"name":"Removed Fans (Unique)","data":[30,33,29,24,4,17,20,16,21,30,14,17,10,28,28,22,37,19,15,20],"page_id":3}]};
  451.       var categories = json_data_7540["categories"];
  452.       var step_default = Math.round(26/560 * categories.length);
  453.    
  454.    chart = new Highcharts.Chart({
  455.       chart: {
  456.          renderTo: 'chart-7540',
  457.          defaultSeriesType: 'line',
  458.          marginRight:0
  459.       },
  460.       title: {
  461.          text: '',
  462.       },
  463.       subtitle: {
  464.          text: '',
  465.       },
  466.       xAxis: {
  467.         categories: categories,
  468.         labels: {
  469.           step: step_default,
  470.           y: 25,
  471.           rotation:-45
  472.         }
  473.       },
  474.       yAxis: {
  475.          title: {
  476.             text: 'Fans'
  477.          },
  478.          min: 0,
  479.          plotLines: [{
  480.             value: 0,
  481.             width: 1,
  482.             color: '#808080'
  483.          }]
  484.       },
  485.      
  486.      
  487.       legend: {},
  488.      
  489.       plotOptions: {
  490.           series: {
  491.             allowPointSelect: true,
  492.             point: {
  493.               events: {
  494.                 click: function() {
  495.                   window.location = "/pages/redirect_to_day?id=3&date=" + this.x;
  496.                 }
  497.               }
  498.             }
  499.           },
  500.                spline: {
  501.                   lineWidth: 4,
  502.                   states: {
  503.                      hover: {
  504.                         lineWidth: 5
  505.                      }
  506.                   },
  507.                   marker: {
  508.                      enabled: true,
  509.                      states: {
  510.                         hover: {
  511.                            enabled: true,
  512.                            symbol: 'circle',
  513.                            radius: 5,
  514.                            lineWidth: 1
  515.                         }
  516.                      }  
  517.                   }
  518.                }
  519.             },
  520.       series: json_data_7540["series"]
  521.    });
  522.  
  523.  
  524. });
  525. </script>
  526.  
  527.  
  528.       </div>
  529.     </div>
  530.  
  531.     <div class="clear">
  532.      
  533.       <div style="float:left;width:420px;text-align:center;padding:10px">        
  534.        
  535.        
  536.         <h3>Top Internal Referral Sources</h3>
  537.         <table class="tablesorter" style="margin-left:10px">
  538.           <tr><th>Source</th><th>Total</th><th>Percent</th></tr>
  539.            
  540.             <tr>
  541.               <td>M.13 17</td>
  542.               <td>1303</td>
  543.               <td>93.0%</td>
  544.             </tr>
  545.            
  546.             <tr>
  547.               <td>M.18 24</td>
  548.               <td>680</td>
  549.               <td>48.5%</td>
  550.             </tr>
  551.            
  552.             <tr>
  553.               <td>M.55+</td>
  554.               <td>-116</td>
  555.               <td>-8.3%</td>
  556.             </tr>
  557.            
  558.             <tr>
  559.               <td>M.25 34</td>
  560.               <td>-117</td>
  561.               <td>-8.4%</td>
  562.             </tr>
  563.            
  564.             <tr>
  565.               <td>M.45 54</td>
  566.               <td>-261</td>
  567.               <td>-18.6%</td>
  568.             </tr>
  569.            
  570.             <tr>
  571.               <td>M.35 44</td>
  572.               <td>-821</td>
  573.               <td>-58.6%</td>
  574.             </tr>
  575.            
  576.         </table>
  577.       </div>
  578.      
  579.     </div>
  580.    
  581.   </div>  
  582.  
  583. </div>
  584.  
  585. <div id="visibility" class="left padding">
  586.   <div class="report_title shadow_top" style="width: 887px">
  587.     <h2>Visibility
  588.       <span>Impressions, Page Views, and Referral Sources</span>
  589.     </h2>
  590.   </div>
  591.  
  592.   <div class="report_content shadow_bottom" style="width: 899px;">
  593.     <div class="clear">
  594.       <div style="float:left;width:420px;text-align:center;padding:10px">        
  595.         <div id="chart-8736" style="width: 400px; height: 340px;margin:10px"></div>
  596.  
  597.  
  598.  
  599.   <script type="text/javascript">
  600.     var chart;
  601.     $(document).ready(function() {
  602.       var json_data_8736 = {"categories":["03/08/11","03/09/11","03/10/11","03/11/11","03/12/11","03/13/11","03/14/11","03/15/11","03/16/11","03/17/11","03/18/11","03/19/11","03/20/11","03/21/11","03/22/11","03/23/11","03/24/11","03/25/11","03/26/11","03/27/11"],"series":[{"name":"Impressions (Total)","data":[72316,130812,79218,65955,7816,62934,77314,65238,70494,62838,60082,67243,14380,62860,65327,62911,123798,65771,6186,2509],"page_id":3},{"name":"Impressions (Unique)","data":[15433,19182,15893,14783,1971,13558,16163,14407,15360,14138,12613,13197,4335,14722,14808,14945,17118,14138,1544,475],"page_id":3}]};
  603.       var categories = json_data_8736["categories"];
  604.       var step_default = Math.round(26/400 * categories.length);
  605.    
  606.    chart = new Highcharts.Chart({
  607.       chart: {
  608.          renderTo: 'chart-8736',
  609.          defaultSeriesType: 'line',
  610.          marginRight:0
  611.       },
  612.       title: {
  613.          text: '',
  614.       },
  615.       subtitle: {
  616.          text: '',
  617.       },
  618.       xAxis: {
  619.         categories: categories,
  620.         labels: {
  621.           step: step_default,
  622.           y: 25,
  623.           rotation:-45
  624.         }
  625.       },
  626.       yAxis: {
  627.          title: {
  628.             text: 'Fans'
  629.          },
  630.          min: 0,
  631.          plotLines: [{
  632.             value: 0,
  633.             width: 1,
  634.             color: '#808080'
  635.          }]
  636.       },
  637.      
  638.      
  639.       legend: {},
  640.      
  641.       plotOptions: {
  642.           series: {
  643.             allowPointSelect: true,
  644.             point: {
  645.               events: {
  646.                 click: function() {
  647.                   window.location = "/pages/redirect_to_day?id=3&date=" + this.x;
  648.                 }
  649.               }
  650.             }
  651.           },
  652.                spline: {
  653.                   lineWidth: 4,
  654.                   states: {
  655.                      hover: {
  656.                         lineWidth: 5
  657.                      }
  658.                   },
  659.                   marker: {
  660.                      enabled: true,
  661.                      states: {
  662.                         hover: {
  663.                            enabled: true,
  664.                            symbol: 'circle',
  665.                            radius: 5,
  666.                            lineWidth: 1
  667.                         }
  668.                      }  
  669.                   }
  670.                }
  671.             },
  672.       series: json_data_8736["series"]
  673.    });
  674.  
  675.  
  676. });
  677. </script>
  678.  
  679.  
  680.        
  681.        
  682.         <h3>Top Internal Referral Sources</h3>
  683.         <table class="tablesorter" style="margin-left:10px">
  684.           <tr><th>Source</th><th>Total</th><th>Percent</th></tr>
  685.            
  686.             <tr>
  687.               <td>Search</td>
  688.               <td>2466</td>
  689.               <td>96.1%</td>
  690.             </tr>
  691.            
  692.             <tr>
  693.               <td>Stream</td>
  694.               <td>78</td>
  695.               <td>3.0%</td>
  696.             </tr>
  697.            
  698.             <tr>
  699.               <td>Profile Page List</td>
  700.               <td>19</td>
  701.               <td>0.7%</td>
  702.             </tr>
  703.            
  704.             <tr>
  705.               <td>Share</td>
  706.               <td>2</td>
  707.               <td>0.1%</td>
  708.             </tr>
  709.            
  710.         </table>
  711.       </div>
  712.  
  713.       <div style="float:left;width:420px;text-align:center;padding:10px">        
  714.         <div id="chart-4419" style="width: 400px; height: 340px;margin:10px"></div>
  715.  
  716.  
  717.  
  718.   <script type="text/javascript">
  719.     var chart;
  720.     $(document).ready(function() {
  721.       var json_data_4419 = {"categories":["03/08/11","03/09/11","03/10/11","03/11/11","03/12/11","03/13/11","03/14/11","03/15/11","03/16/11","03/17/11","03/18/11","03/19/11","03/20/11","03/21/11","03/22/11","03/23/11","03/24/11","03/25/11","03/26/11","03/27/11"],"series":[{"name":"Page Views (Total)","data":[875,899,784,643,452,520,643,625,1159,722,619,549,521,698,741,741,889,646,578,468],"page_id":3},{"name":"Page Views (Unique)","data":[405,404,346,266,175,210,273,240,408,267,223,189,171,262,301,275,395,230,188,168],"page_id":3}]};
  722.       var categories = json_data_4419["categories"];
  723.       var step_default = Math.round(26/400 * categories.length);
  724.    
  725.    chart = new Highcharts.Chart({
  726.       chart: {
  727.          renderTo: 'chart-4419',
  728.          defaultSeriesType: 'line',
  729.          marginRight:0
  730.       },
  731.       title: {
  732.          text: '',
  733.       },
  734.       subtitle: {
  735.          text: '',
  736.       },
  737.       xAxis: {
  738.         categories: categories,
  739.         labels: {
  740.           step: step_default,
  741.           y: 25,
  742.           rotation:-45
  743.         }
  744.       },
  745.       yAxis: {
  746.          title: {
  747.             text: 'Fans'
  748.          },
  749.          min: 0,
  750.          plotLines: [{
  751.             value: 0,
  752.             width: 1,
  753.             color: '#808080'
  754.          }]
  755.       },
  756.      
  757.      
  758.       legend: {},
  759.      
  760.       plotOptions: {
  761.           series: {
  762.             allowPointSelect: true,
  763.             point: {
  764.               events: {
  765.                 click: function() {
  766.                   window.location = "/pages/redirect_to_day?id=3&date=" + this.x;
  767.                 }
  768.               }
  769.             }
  770.           },
  771.                spline: {
  772.                   lineWidth: 4,
  773.                   states: {
  774.                      hover: {
  775.                         lineWidth: 5
  776.                      }
  777.                   },
  778.                   marker: {
  779.                      enabled: true,
  780.                      states: {
  781.                         hover: {
  782.                            enabled: true,
  783.                            symbol: 'circle',
  784.                            radius: 5,
  785.                            lineWidth: 1
  786.                         }
  787.                      }  
  788.                   }
  789.                }
  790.             },
  791.       series: json_data_4419["series"]
  792.    });
  793.  
  794.  
  795. });
  796. </script>
  797.  
  798.  
  799.        
  800.         <h3>Top External Referral Sources</h3>
  801.          <table class="tablesorter" style="margin-left:10px">
  802.            <tr><th>Source</th><th>Total</th><th>Percent</th></tr>
  803.            
  804.              <tr>
  805.                <td>mint.com</td>
  806.                <td>576</td>
  807.                <td>49.2%</td>
  808.              </tr>
  809.            
  810.              <tr>
  811.                <td>google.com</td>
  812.                <td>90</td>
  813.                <td>7.7%</td>
  814.              </tr>
  815.            
  816.              <tr>
  817.                <td>twitter.com</td>
  818.                <td>70</td>
  819.                <td>6.0%</td>
  820.              </tr>
  821.            
  822.              <tr>
  823.                <td>on.fb.me</td>
  824.                <td>64</td>
  825.                <td>5.5%</td>
  826.              </tr>
  827.            
  828.              <tr>
  829.                <td>satisfaction.mint.com</td>
  830.                <td>39</td>
  831.                <td>3.3%</td>
  832.              </tr>
  833.            
  834.          </table>
  835.          
  836.       </div>
  837.     </div>
  838.    
  839.   </div>    
  840. </div>
  841.  
  842. <div id="engagement" class="left padding clear" style="page-break-before:always;">
  843.   <div class="report_title shadow_top" style="width: 887px">
  844.     <h2>Engagement
  845.       <span>Likes, Comments, Posts, and Engagement Rates</span>
  846.     </h2>
  847.   </div>
  848.  
  849.   <div class="report_content shadow_bottom" style="width: 899px">
  850.     <div class="clear">
  851.        
  852.      
  853.       <div style="float:left;width:280px;margin-left:10px;">        
  854.         <div id="chart-9023" style="width: 560px; height: 340px;margin:10px"></div>
  855.  
  856.  
  857.  
  858.   <script type="text/javascript">
  859.     var chart;
  860.     $(document).ready(function() {
  861.       var json_data_9023 = {"categories":["03/08/11","03/09/11","03/10/11","03/11/11","03/12/11","03/13/11","03/14/11","03/15/11","03/16/11","03/17/11","03/18/11","03/19/11","03/20/11","03/21/11","03/22/11","03/23/11","03/24/11","03/25/11","03/26/11","03/27/11"],"series":[{"name":"Likes","data":[28,374,197,16,6,14,23,334,41,12,18,21,18,11,54,12,154,16,1,2],"page_id":3},{"name":"Comments","data":[55,128,280,59,11,31,80,36,52,18,42,29,2,34,58,53,78,28,3,1],"page_id":3}]};
  862.       var categories = json_data_9023["categories"];
  863.       var step_default = Math.round(26/560 * categories.length);
  864.    
  865.    chart = new Highcharts.Chart({
  866.       chart: {
  867.          renderTo: 'chart-9023',
  868.          defaultSeriesType: 'line',
  869.          marginRight:0
  870.       },
  871.       title: {
  872.          text: '',
  873.       },
  874.       subtitle: {
  875.          text: '',
  876.       },
  877.       xAxis: {
  878.         categories: categories,
  879.         labels: {
  880.           step: step_default,
  881.           y: 25,
  882.           rotation:-45
  883.         }
  884.       },
  885.       yAxis: {
  886.          title: {
  887.             text: 'Fans'
  888.          },
  889.          min: 0,
  890.          plotLines: [{
  891.             value: 0,
  892.             width: 1,
  893.             color: '#808080'
  894.          }]
  895.       },
  896.      
  897.      
  898.       legend: {},
  899.      
  900.       plotOptions: {
  901.           series: {
  902.             allowPointSelect: true,
  903.             point: {
  904.               events: {
  905.                 click: function() {
  906.                   window.location = "/pages/redirect_to_day?id=3&date=" + this.x;
  907.                 }
  908.               }
  909.             }
  910.           },
  911.                spline: {
  912.                   lineWidth: 4,
  913.                   states: {
  914.                      hover: {
  915.                         lineWidth: 5
  916.                      }
  917.                   },
  918.                   marker: {
  919.                      enabled: true,
  920.                      states: {
  921.                         hover: {
  922.                            enabled: true,
  923.                            symbol: 'circle',
  924.                            radius: 5,
  925.                            lineWidth: 1
  926.                         }
  927.                      }  
  928.                   }
  929.                }
  930.             },
  931.       series: json_data_9023["series"]
  932.    });
  933.  
  934.  
  935. });
  936. </script>
  937.  
  938.  
  939.       </div>
  940.      
  941.       <div style="float:right;width:260px;padding:10px">
  942.         <div class="left box" style="width:320px;margin-top:20px">
  943.             <span style="font-size:20px">Unique Active Users:
  944.             </span><br/>
  945.             <span class='big_blue'>12,351</span>
  946.         </div>
  947.                
  948.         <div class="left box" style="width:300px;margin-top:20px">
  949.             <span style="font-size:20px">New/Removed Likes:
  950.             </span><br/>
  951.             <span class='big_green'>232</span> <span style="font-size:30px">/</span> &nbsp;&nbsp;<span class='big_red'>42</span>          
  952.         </div>
  953.        
  954.         <div class="left box" style="width:300px;margin-top:20px">
  955.             <span style="font-size:20px">New/Removed Comments:
  956.             </span><br/>
  957.             <span class='big_green'>200</span> <span style="font-size:30px">/</span> &nbsp;&nbsp;<span class='big_red'>30</span>      
  958.         </div>
  959.        
  960.         <div class="left box" style="width:300px;margin-top:20px">
  961.             <span style="font-size:20px">Wall Posts:
  962.             </span><br/>
  963.             <span class='big_blue'>5</span><span style="font-size:30px">/</span> &nbsp;&nbsp;<span class='big_green'>+3.0%</span>      
  964.         </div>
  965.       </div>
  966.     </div>
  967.   </div>  
  968. </div>
  969.        
  970.        
  971.        
  972.  
  973.  
  974.  
  975.             <div class="clear"></div>
  976.           </div>
  977.         </div>
  978.        
  979.       </div>
  980.     </div>
  981.    
  982.    
  983.   </body>
  984. </html>
create a new version of this paste RAW Paste Data