| 1 |
<?php |
| 2 |
/** |
| 3 |
* Reports > Site Analysis tab body. No data is sent on load - only when "Run analysis" is clicked. |
| 4 |
* |
| 5 |
* @package Charitable/Admin Views/Reports |
| 6 |
*/ |
| 7 |
|
| 8 |
if ( ! defined( 'ABSPATH' ) ) { |
| 9 |
exit; |
| 10 |
} |
| 11 |
?> |
| 12 |
<div class="charitable-site-analysis"> |
| 13 |
|
| 14 |
<div class="charitable-container charitable-title-card"> |
| 15 |
<div class="charitable-title-card-content"> |
| 16 |
|
| 17 |
<h2><?php esc_html_e( 'Free Site Analysis', 'charitable' ); ?></h2> |
| 18 |
<p class="description charitable-site-analysis-intro"> |
| 19 |
<?php esc_html_e( 'See how your fundraising setup measures up and get specific, prioritized steps to raise more, based on your current Charitable configuration. Free to run any time, and no donor data is ever sent.', 'charitable' ); ?> |
| 20 |
</p> |
| 21 |
|
| 22 |
<?php |
| 23 |
/* |
| 24 |
* SAMPLE score hero - a blurred, clearly-labeled EXAMPLE of what a completed analysis looks |
| 25 |
* like (all four areas filled). The number and bars are illustrative stand-ins, NOT this |
| 26 |
* site's data; the real score renders in #charitable-site-analysis-results after "Run |
| 27 |
* Analysis". aria-hidden so assistive tech skips the decorative preview. |
| 28 |
*/ |
| 29 |
?> |
| 30 |
<div class="charitable-sa-sample" aria-hidden="true"> |
| 31 |
<div class="charitable-sa-score"> |
| 32 |
<div class="charitable-sa-ring charitable-sa-ring--sample"> |
| 33 |
<span class="charitable-sa-ring-v"><b>72</b><s>/ 100</s></span> |
| 34 |
</div> |
| 35 |
<div class="charitable-sa-score-meta"> |
| 36 |
<h3 class="charitable-sa-score-title"> |
| 37 |
<?php esc_html_e( 'Fundraising Score', 'charitable' ); ?> |
| 38 |
<span class="charitable-sa-band" style="background:#dba617;"><?php esc_html_e( 'Good', 'charitable' ); ?></span> |
| 39 |
</h3> |
| 40 |
<p class="charitable-sa-score-desc"> |
| 41 |
<?php esc_html_e( 'A snapshot of your fundraising health across four areas, with specific steps to raise your score.', 'charitable' ); ?> |
| 42 |
</p> |
| 43 |
<div class="charitable-sa-dims"> |
| 44 |
<div class="charitable-sa-dim"> |
| 45 |
<span class="charitable-sa-dim-n"><?php esc_html_e( 'Activation', 'charitable' ); ?></span> |
| 46 |
<span class="charitable-sa-dim-bar"><i style="width:90%;background:#5AA152;"></i></span> |
| 47 |
</div> |
| 48 |
<div class="charitable-sa-dim"> |
| 49 |
<span class="charitable-sa-dim-n"><?php esc_html_e( 'Health', 'charitable' ); ?></span> |
| 50 |
<span class="charitable-sa-dim-bar"><i style="width:75%;background:#5AA152;"></i></span> |
| 51 |
</div> |
| 52 |
<div class="charitable-sa-dim"> |
| 53 |
<span class="charitable-sa-dim-n"><?php esc_html_e( 'Growth', 'charitable' ); ?></span> |
| 54 |
<span class="charitable-sa-dim-bar"><i style="width:58%;background:#dba617;"></i></span> |
| 55 |
</div> |
| 56 |
<div class="charitable-sa-dim"> |
| 57 |
<span class="charitable-sa-dim-n"><?php esc_html_e( 'Optimization', 'charitable' ); ?></span> |
| 58 |
<span class="charitable-sa-dim-bar"><i style="width:52%;background:#dba617;"></i></span> |
| 59 |
</div> |
| 60 |
</div> |
| 61 |
</div> |
| 62 |
</div> |
| 63 |
<span class="charitable-sa-sample-badge"><?php esc_html_e( 'Example data', 'charitable' ); ?></span> |
| 64 |
</div> |
| 65 |
|
| 66 |
<div class="charitable-sa-value"> |
| 67 |
<h3 class="charitable-sa-value-title"><?php esc_html_e( 'What You Get', 'charitable' ); ?></h3> |
| 68 |
<ul> |
| 69 |
<li><strong><?php esc_html_e( 'A Fundraising Score', 'charitable' ); ?></strong> <?php esc_html_e( 'across the four areas below, so you can see your strengths and gaps at a glance.', 'charitable' ); ?></li> |
| 70 |
<li><strong><?php esc_html_e( 'Prioritized recommendations', 'charitable' ); ?></strong> <?php esc_html_e( 'matched to your exact setup: what to fix first, quick wins, and bigger growth opportunities.', 'charitable' ); ?></li> |
| 71 |
<li><strong><?php esc_html_e( 'A clear path forward', 'charitable' ); ?></strong> <?php esc_html_e( 'every recommendation shows the points it would add, so you always know where to focus next.', 'charitable' ); ?></li> |
| 72 |
</ul> |
| 73 |
</div> |
| 74 |
|
| 75 |
<?php |
| 76 |
/* |
| 77 |
* The four scored areas as cards (icon + name + what each covers). Illustrative preview; |
| 78 |
* the real per-area scores render after "Run Analysis". Icons are decorative (aria-hidden). |
| 79 |
*/ |
| 80 |
?> |
| 81 |
<div class="charitable-sa-area-cards"> |
| 82 |
<div class="charitable-sa-area-card charitable-sa-area--activation"> |
| 83 |
<i class="charitable-sa-area-icon fa fa-bullhorn" aria-hidden="true"></i> |
| 84 |
<span class="charitable-sa-area-name"><?php esc_html_e( 'Activation', 'charitable' ); ?></span> |
| 85 |
<span class="charitable-sa-area-desc"><?php esc_html_e( 'Getting live and bringing in your first donations.', 'charitable' ); ?></span> |
| 86 |
</div> |
| 87 |
<div class="charitable-sa-area-card charitable-sa-area--health"> |
| 88 |
<i class="charitable-sa-area-icon fa fa-heartbeat" aria-hidden="true"></i> |
| 89 |
<span class="charitable-sa-area-name"><?php esc_html_e( 'Health', 'charitable' ); ?></span> |
| 90 |
<span class="charitable-sa-area-desc"><?php esc_html_e( 'Core setup best practices: receipts, campaign goals, and more than one way to give.', 'charitable' ); ?></span> |
| 91 |
</div> |
| 92 |
<div class="charitable-sa-area-card charitable-sa-area--growth"> |
| 93 |
<i class="charitable-sa-area-icon fa fa-line-chart" aria-hidden="true"></i> |
| 94 |
<span class="charitable-sa-area-name"><?php esc_html_e( 'Growth', 'charitable' ); ?></span> |
| 95 |
<span class="charitable-sa-area-desc"><?php esc_html_e( 'Recurring giving, list building, and steady donation momentum.', 'charitable' ); ?></span> |
| 96 |
</div> |
| 97 |
<div class="charitable-sa-area-card charitable-sa-area--optimization"> |
| 98 |
<i class="charitable-sa-area-icon fa fa-tachometer" aria-hidden="true"></i> |
| 99 |
<span class="charitable-sa-area-name"><?php esc_html_e( 'Optimization', 'charitable' ); ?></span> |
| 100 |
<span class="charitable-sa-area-desc"><?php esc_html_e( 'Getting more from every gift: larger average gifts, covered fees, and repeat donors.', 'charitable' ); ?></span> |
| 101 |
</div> |
| 102 |
</div> |
| 103 |
|
| 104 |
<p class="charitable-sa-privacy-note"> |
| 105 |
<?php |
| 106 |
printf( |
| 107 |
/* translators: %s: "Read more" link to the Site Analysis info page. */ |
| 108 |
esc_html__( 'No campaign content or donor data (including names, emails, or donation amounts) are ever sent or stored. %s', 'charitable' ), |
| 109 |
'<a href="https://wpcharitable.com/documentation/about-site-analysis/" target="_blank" rel="noopener noreferrer">' . esc_html__( 'Learn more', 'charitable' ) . '</a>' |
| 110 |
); |
| 111 |
?> |
| 112 |
</p> |
| 113 |
|
| 114 |
<?php |
| 115 |
/* |
| 116 |
* Hidden when usage tracking is already on, because there is nothing left to opt into (the |
| 117 |
* JS then treats consent as true). Otherwise shown unticked: ticking it turns the Advanced > |
| 118 |
* Misc "Usage Tracking" setting on persistently, so a pre-ticked box would be opt-out. |
| 119 |
*/ |
| 120 |
$charitable_usage_on = function_exists( 'charitable_get_usage_tracking_setting' ) |
| 121 |
? (bool) apply_filters( 'charitable_usage_tracking', charitable_get_usage_tracking_setting() ) |
| 122 |
: false; |
| 123 |
if ( ! $charitable_usage_on ) : |
| 124 |
?> |
| 125 |
<p class="charitable-site-analysis-consent"> |
| 126 |
<label class="charitable-sa-toggle"> |
| 127 |
<input type="checkbox" id="charitable-site-analysis-consent" value="1" /> |
| 128 |
<span class="charitable-sa-toggle-track"><span class="charitable-sa-toggle-thumb"></span></span> |
| 129 |
</label> |
| 130 |
<span class="charitable-sa-toggle-label"> |
| 131 |
<strong><?php esc_html_e( 'Share Usage Data:', 'charitable' ); ?></strong> |
| 132 |
<?php |
| 133 |
printf( |
| 134 |
/* translators: %s: "Read More" link to the usage-tracking documentation. */ |
| 135 |
esc_html__( 'Helps improve site analysis and improve Charitable plugin for your use. Turning this on also turns on usage tracking, which you can switch off at any time in Settings → Advanced. %s', 'charitable' ), |
| 136 |
'<a href="https://www.wpcharitable.com/documentation/usage-tracking/" target="_blank" rel="noopener noreferrer">' . esc_html__( 'Learn more', 'charitable' ) . '</a>' |
| 137 |
); |
| 138 |
?> |
| 139 |
</span> |
| 140 |
</p> |
| 141 |
<?php endif; ?> |
| 142 |
|
| 143 |
<p class="charitable-site-analysis-actions"> |
| 144 |
<button type="button" class="button button-primary" id="charitable-site-analysis-run"> |
| 145 |
<?php esc_html_e( 'Run Analysis', 'charitable' ); ?> |
| 146 |
</button> |
| 147 |
<span class="spinner" id="charitable-site-analysis-spinner" style="float:none;"></span> |
| 148 |
</p> |
| 149 |
|
| 150 |
</div> |
| 151 |
</div> |
| 152 |
|
| 153 |
<div id="charitable-site-analysis-error" class="notice notice-error inline" style="display:none;"><p></p></div> |
| 154 |
<div id="charitable-site-analysis-results"></div> |
| 155 |
</div> |
| 156 |
|
