| 1 |
<?php |
| 2 |
if ( ! defined( 'ABSPATH' ) ) { |
| 3 |
exit; |
| 4 |
} |
| 5 |
?> |
| 6 |
<div class="nx-analytics-header-counter-wrapper <?php echo esc_attr( $class ); ?>"> |
| 7 |
<div class="nx-header-analytics-counter-wrapper"> |
| 8 |
<div> |
| 9 |
<div class="nx-header-analytics-counter"> |
| 10 |
<a href="<?php echo esc_url( $views_link );?> "> |
| 11 |
<span class="nx-counter-icon"> |
| 12 |
<img src="<?php echo esc_url( self::ASSET_URL . 'images/analytics/views-icon.png' ); ?>" alt="<?php esc_html_e( 'Total Views', 'notificationx' ); ?>"> |
| 13 |
</span> |
| 14 |
<div> |
| 15 |
<span class="nx-counter-number"><?php echo esc_html( $views ); ?></span> |
| 16 |
<span class="nx-counter-label"><?php esc_html_e( 'Total Views', 'notificationx' ); ?></span> |
| 17 |
</div> |
| 18 |
</a> |
| 19 |
</div> |
| 20 |
</div> |
| 21 |
<div> |
| 22 |
<div class="nx-header-analytics-counter"> |
| 23 |
<a href="<?php echo esc_url( $clicks_link );?> "> |
| 24 |
<span class="nx-counter-icon"> |
| 25 |
<img src="<?php echo esc_url( self::ASSET_URL . 'images/analytics/clicks-icon.png' ); ?>" alt="<?php esc_html_e( 'Total Clicks', 'notificationx' ); ?>"> |
| 26 |
</span> |
| 27 |
<div> |
| 28 |
<span class="nx-counter-number"><?php echo esc_html( $clicks ); ?></span> |
| 29 |
<span class="nx-counter-label"><?php esc_html_e( 'Total Clicks', 'notificationx' ); ?></span> |
| 30 |
</div> |
| 31 |
</a> |
| 32 |
</div> |
| 33 |
</div> |
| 34 |
<div> |
| 35 |
<div class="nx-header-analytics-counter"> |
| 36 |
<a href="<?php echo esc_url( $ctr_link );?> "> |
| 37 |
<span class="nx-counter-icon"> |
| 38 |
<img src="<?php echo esc_url( self::ASSET_URL . 'images/analytics/ctr-icon.png' ); ?>" alt="<?php esc_html_e( 'Click-Through-Rate', 'notificationx' ); ?>"> |
| 39 |
</span> |
| 40 |
<div> |
| 41 |
<span class="nx-counter-number"><?php echo esc_html( round( $ctr, 2 ) ); ?>%</span> |
| 42 |
<span class="nx-counter-label"><?php esc_html_e( 'Click-Through-Rate', 'notificationx' ); ?></span> |
| 43 |
</div> |
| 44 |
</a> |
| 45 |
</div> |
| 46 |
</div> |
| 47 |
</div> |
| 48 |
</div> |
| 49 |
|
