index.html 5.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <link href="__CDN__/assets/addons/baiduwebtongji/css/main.css?v={$site.version}" rel="stylesheet">
  2. <div class="row">
  3. <div class="col-sm-12">
  4. <div class="box box-success">
  5. <div class="panel-heading">
  6. <label>当前站点(点击切换):</label>
  7. <select id="changeSiteId" data-url='{:url("baiduwebtongji/baiduapi/changeSiteId")}'>
  8. {volist name="sitelist" id="vo"}
  9. <option value="{$vo.site_id}" {if $siteId==$vo.site_id}selected{/if}>{$vo.domain}</option>
  10. {/volist}
  11. </select>
  12. </div>
  13. </div>
  14. <div class="box box-success">
  15. <div class="panel-heading">
  16. <label>搜索词排名</label>
  17. </div>
  18. <div class="panel-body">
  19. <div class="btn-group btn-group-sm" role="group">
  20. <button type="button" class="btn btn-default ajax-page" id="time_tody" data-memo="tody">今天</button>
  21. <button type="button" class="btn btn-default ajax-page" id="time_yest" data-memo="yest">昨天</button>
  22. <button type="button" class="btn btn-default ajax-page" id="time_week" data-memo="week">最近7天</button>
  23. <button type="button" class="btn btn-default ajax-page" id="time_month" data-memo="month">最近30天</button>
  24. </div>
  25. <button type="button" class="btn btn-sm btn-success pull-right" id="get-words">同步</button>
  26. <button style="margin-right: 10px;" type="button" class="btn btn-sm btn-success pull-right" id="set-words">设置</button>
  27. <div class="section" id="ReportDiagram">
  28. {if $keywords}
  29. <ul>
  30. {volist name="$keywords" id="vo"}
  31. <li class="line">
  32. <div class="word-stats">
  33. <div class="word-header">
  34. <div class="row-number">{$key+1}</div>
  35. <div class="searchword">{$vo}</div>
  36. </div>
  37. <div class="index-info">
  38. <div class="index-line current">
  39. <label>搜索词排名:</label>
  40. <span class="index-value ellipsis" id="searchword_rank_{$key}">--</span>
  41. </div>
  42. <div class="index-line">
  43. <label>百度指数:</label>
  44. <span class="index-value ellipsis" id="baiduindex_{$key}">--</span>
  45. </div>
  46. <div class="index-line">
  47. <label>浏览量(PV):</label>
  48. <span class="index-value ellipsis" id="pv_count_{$key}">--</span>
  49. </div>
  50. <div class="index-line">
  51. <label>访客数(UV):</label>
  52. <span id="visitor_count_{$key}">--</span>
  53. </div>
  54. <div class="index-line">
  55. <label>跳出率:</label>
  56. <span class="index-value ellipsis" id="bounce_ratio_{$key}">--</span>
  57. </div>
  58. <div class="index-line">
  59. <label>平均访问时长:</label>
  60. <span class="index-value ellipsis" id="avg_visit_time_{$key}">--</span>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="flash-line-container">
  65. <div class="echarts-rank" id="chart-rank{$key}" style="height:256px;width: 100%;text-align: center;">
  66. <span style="line-height: 256px;"><strong>{$vo}</strong> 搜索词的数据信息正在获取,请稍后…</span>
  67. </div>
  68. </div>
  69. </li>
  70. {/volist}
  71. </ul>
  72. {else/}
  73. <p>暂无数据,若已在百度统计官方后台设置关键词请点击同步按钮,若尚未设置请点击设置按钮添加关键词。</p>
  74. {/if}
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <script src="__CDN__/assets/addons/baiduwebtongji/js/echarts-all.js"></script>
  81. <script>
  82. var url='{:url("baiduwebtongji/baiduapi/rankGetData")}';
  83. var getwords_url='{:url("baiduwebtongji/baiduapi/rankGetWords")}';
  84. var setwords_url='{:url("baiduwebtongji/baiduapi/rankSetWords")}';
  85. var keywords_str="{$keywords_str}";
  86. var bdtj_show="{$bdtj_show}";
  87. </script>