%2$s
' . esc_html($description) . '
'; - } - } - - private static function render_input_field($type, $name, $value, $required) { - printf( - '', - esc_attr($type), - esc_attr($name), - esc_attr($name), - esc_attr($value), - $required ? 'required' : '' - ); - } - - private static function render_textarea_field($name, $value, $required) { - printf( - '', - esc_attr($name), - esc_attr($name), - $required ? 'required' : '', - esc_textarea($value) - ); - } - - private static function render_select_field($name, $value, $options, $required) { - printf( - ''; - } - - private static function render_checkbox_field($name, $value, $label) { - printf( - '', - esc_attr($name), - esc_attr($name), - checked($value, 1, false), - esc_html($label) - ); - } - - private static function render_radio_field($name, $value, $options) { - foreach ($options as $option_value => $option_label) { - printf( - '', - esc_attr($name), - esc_attr($option_value), - checked($value, $option_value, false), - esc_html($option_label) - ); - } - } - - public static function render_modal($id, $title, $content, $footer = '') { - ?> - - 'notice-info', - 'success' => 'notice-success', - 'warning' => 'notice-warning', - 'error' => 'notice-error' - ]; - - $class = $classes[$type] ?? 'notice-info'; - - printf( - '
%s
'; - - foreach ($tabs as $tab_key => $tab_label) { - $class = ($tab_key === $current_tab) ? ' nav-tab-active' : ''; - printf( - '%s', - esc_attr($_GET['page']), - esc_attr($tab_key), - esc_attr($class), - esc_html($tab_label) - ); - } - - echo '
'; - } - - public static function render_action_buttons($actions) { - echo ''; - } -} diff --git a/admin/class-wptag-ajax-handler.php b/admin/class-wptag-ajax-handler.php deleted file mode 100644 index 8d3ddfe..0000000 --- a/admin/class-wptag-ajax-handler.php +++ /dev/null @@ -1,322 +0,0 @@ -snippet_manager = $snippet_manager; - $this->template_manager = $template_manager; - - $this->register_ajax_handlers(); - } - - private function register_ajax_handlers() { - $actions = [ - 'wptag_toggle_snippet', - 'wptag_delete_snippet', - 'wptag_search_snippets', - 'wptag_validate_code', - 'wptag_preview_snippet', - 'wptag_get_template', - 'wptag_process_template', - 'wptag_export_snippets', - 'wptag_import_snippets', - 'wptag_clear_cache' - ]; - - foreach ($actions as $action) { - add_action('wp_ajax_' . $action, [$this, 'handle_' . str_replace('wptag_', '', $action)]); - } - } - - public function handle_toggle_snippet() { - $this->verify_ajax_request(); - - $snippet_id = intval($_POST['snippet_id'] ?? 0); - - if (!$snippet_id) { - wp_send_json_error(['message' => __('Invalid snippet ID', 'wptag')]); - } - - $result = $this->snippet_manager->toggle_status($snippet_id); - - if (is_wp_error($result)) { - wp_send_json_error(['message' => $result->get_error_message()]); - } - - wp_send_json_success([ - 'status' => $result, - 'message' => $result ? __('Snippet enabled', 'wptag') : __('Snippet disabled', 'wptag') - ]); - } - - public function handle_delete_snippet() { - $this->verify_ajax_request(); - - $snippet_id = intval($_POST['snippet_id'] ?? 0); - - if (!$snippet_id) { - wp_send_json_error(['message' => __('Invalid snippet ID', 'wptag')]); - } - - $result = $this->snippet_manager->delete_snippet($snippet_id); - - if (is_wp_error($result)) { - wp_send_json_error(['message' => $result->get_error_message()]); - } - - wp_send_json_success(['message' => __('Snippet deleted successfully', 'wptag')]); - } - - public function handle_search_snippets() { - $this->verify_ajax_request(); - - $args = [ - 'search' => sanitize_text_field($_POST['search'] ?? ''), - 'category' => sanitize_key($_POST['category'] ?? ''), - 'position' => sanitize_key($_POST['position'] ?? ''), - 'status' => isset($_POST['status']) ? intval($_POST['status']) : null, - 'per_page' => intval($_POST['per_page'] ?? 20), - 'page' => intval($_POST['page'] ?? 1) - ]; - - $snippets = $this->snippet_manager->get_snippets($args); - - wp_send_json_success(['snippets' => $snippets]); - } - - public function handle_validate_code() { - $this->verify_ajax_request(); - - $code = $_POST['code'] ?? ''; - $code_type = sanitize_key($_POST['code_type'] ?? 'html'); - - $errors = []; - - switch ($code_type) { - case 'javascript': - $errors = $this->validate_javascript($code); - break; - - case 'css': - $errors = $this->validate_css($code); - break; - - case 'html': - $errors = $this->validate_html($code); - break; - } - - if (empty($errors)) { - wp_send_json_success(['message' => __('Code is valid', 'wptag')]); - } else { - wp_send_json_error(['errors' => $errors]); - } - } - - public function handle_preview_snippet() { - $this->verify_ajax_request(); - - $snippet_id = intval($_POST['snippet_id'] ?? 0); - - if (!$snippet_id) { - wp_send_json_error(['message' => __('Invalid snippet ID', 'wptag')]); - } - - $snippet = $this->snippet_manager->get_snippet($snippet_id); - - if (!$snippet) { - wp_send_json_error(['message' => __('Snippet not found', 'wptag')]); - } - - $preview_url = add_query_arg([ - 'wptag_preview' => 1, - 'snippet_id' => $snippet_id - ], home_url()); - - wp_send_json_success(['preview_url' => $preview_url]); - } - - public function handle_get_template() { - $this->verify_ajax_request(); - - $service_type = sanitize_key($_POST['service_type'] ?? ''); - - if (!$service_type) { - wp_send_json_error(['message' => __('Invalid service type', 'wptag')]); - } - - $template = $this->template_manager->get_template($service_type); - - if (!$template) { - wp_send_json_error(['message' => __('Template not found', 'wptag')]); - } - - wp_send_json_success(['template' => $template]); - } - - public function handle_process_template() { - $this->verify_ajax_request(); - - $service_type = sanitize_key($_POST['service_type'] ?? ''); - $config_data = $_POST['config'] ?? []; - - if (!$service_type) { - wp_send_json_error(['message' => __('Invalid service type', 'wptag')]); - } - - $result = $this->template_manager->process_template_config($service_type, $config_data); - - if (is_wp_error($result)) { - wp_send_json_error(['message' => $result->get_error_message()]); - } - - $snippet_data = array_merge($result, [ - 'description' => sprintf(__('Generated from %s template', 'wptag'), $result['name']), - 'status' => 1 - ]); - - $snippet_id = $this->snippet_manager->create_snippet($snippet_data); - - if (is_wp_error($snippet_id)) { - wp_send_json_error(['message' => $snippet_id->get_error_message()]); - } - - wp_send_json_success([ - 'snippet_id' => $snippet_id, - 'message' => __('Snippet created successfully from template', 'wptag') - ]); - } - - public function handle_export_snippets() { - $this->verify_ajax_request(); - - $snippet_ids = array_map('intval', $_POST['snippet_ids'] ?? []); - - $export_data = [ - 'version' => WPTAG_VERSION, - 'exported_at' => current_time('mysql'), - 'snippets' => [] - ]; - - foreach ($snippet_ids as $id) { - $snippet = $this->snippet_manager->get_snippet($id); - if ($snippet) { - unset($snippet['id'], $snippet['created_by'], $snippet['last_modified_by']); - $export_data['snippets'][] = $snippet; - } - } - - wp_send_json_success([ - 'filename' => 'wptag-export-' . date('Y-m-d') . '.json', - 'data' => json_encode($export_data, JSON_PRETTY_PRINT) - ]); - } - - public function handle_import_snippets() { - $this->verify_ajax_request(); - - $import_data = json_decode(stripslashes($_POST['import_data'] ?? ''), true); - - if (!$import_data || !isset($import_data['snippets'])) { - wp_send_json_error(['message' => __('Invalid import data', 'wptag')]); - } - - $imported = 0; - $errors = []; - - foreach ($import_data['snippets'] as $snippet) { - $result = $this->snippet_manager->create_snippet($snippet); - - if (is_wp_error($result)) { - $errors[] = sprintf( - __('Failed to import "%s": %s', 'wptag'), - $snippet['name'], - $result->get_error_message() - ); - } else { - $imported++; - } - } - - if ($imported > 0) { - $message = sprintf( - _n('%d snippet imported successfully', '%d snippets imported successfully', $imported, 'wptag'), - $imported - ); - - if (!empty($errors)) { - $message .= ' ' . __('Some snippets failed to import.', 'wptag'); - } - - wp_send_json_success([ - 'message' => $message, - 'imported' => $imported, - 'errors' => $errors - ]); - } else { - wp_send_json_error([ - 'message' => __('No snippets were imported', 'wptag'), - 'errors' => $errors - ]); - } - } - - public function handle_clear_cache() { - $this->verify_ajax_request(); - - $cache_manager = new WPTag_Cache_Manager(); - $cache_manager->flush(); - - wp_send_json_success(['message' => __('Cache cleared successfully', 'wptag')]); - } - - private function verify_ajax_request() { - if (!check_ajax_referer('wptag_admin', 'nonce', false)) { - wp_send_json_error(['message' => __('Security check failed', 'wptag')]); - } - - if (!current_user_can('manage_options')) { - wp_send_json_error(['message' => __('Permission denied', 'wptag')]); - } - } - - private function validate_javascript($code) { - $errors = []; - - if (preg_match('/\bdocument\.write\b/i', $code)) { - $errors[] = __('document.write is not recommended', 'wptag'); - } - - if (preg_match('/\beval\s*\(/i', $code)) { - $errors[] = __('eval() is potentially dangerous', 'wptag'); - } - - return $errors; - } - - private function validate_css($code) { - $errors = []; - - if (preg_match('/@import\s+url/i', $code)) { - $errors[] = __('@import may affect performance', 'wptag'); - } - - return $errors; - } - - private function validate_html($code) { - $errors = []; - - if (preg_match('/
-
-
-
diff --git a/admin/partials/settings.php b/admin/partials/settings.php
deleted file mode 100644
index cc2f324..0000000
--- a/admin/partials/settings.php
+++ /dev/null
@@ -1,245 +0,0 @@
- 1,
- 'cache_ttl' => 3600,
- 'enable_debug' => 0,
- 'cleanup_on_uninstall' => 0
-]);
-
-$cache_manager = new WPTag_Cache_Manager();
-$cache_stats = $cache_manager->get_cache_stats();
-?>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 0 ? round(($active_snippets / $total_snippets) * 100) : 0;
- echo $success_rate . '%';
- ?>
-
- | - | - | - | - |
|---|---|---|---|
| - | |||
| - | - | - - | -- |
-
-
-
-
-
diff --git a/admin/partials/snippet-form.php b/admin/partials/snippet-form.php
deleted file mode 100644
index 9990564..0000000
--- a/admin/partials/snippet-form.php
+++ /dev/null
@@ -1,207 +0,0 @@
-snippet_manager->get_snippet($snippet_id);
- if (!$snippet) {
- wp_die(__('Snippet not found', 'wptag'));
- }
- $is_edit = true;
-}
-
-$categories = $this->snippet_manager->get_categories();
-$positions = $this->snippet_manager->get_positions();
-?>
-
-
-
-
-
-
-
-
-
-
diff --git a/admin/partials/snippets.php b/admin/partials/snippets.php
deleted file mode 100644
index 5c5ec9f..0000000
--- a/admin/partials/snippets.php
+++ /dev/null
@@ -1,149 +0,0 @@
- sanitize_text_field($_GET['search'] ?? ''),
- 'category' => sanitize_key($_GET['filter_category'] ?? ''),
- 'position' => sanitize_key($_GET['filter_position'] ?? ''),
- 'status' => isset($_GET['filter_status']) ? intval($_GET['filter_status']) : null,
- 'per_page' => $per_page,
- 'page' => $current_page
-];
-
-$snippets = $this->snippet_manager->get_snippets($args);
-$categories = $this->snippet_manager->get_categories();
-$positions = $this->snippet_manager->get_positions();
-?>
-
-
-
-
- - - - - -
-
-
-
-
-
diff --git a/admin/partials/templates.php b/admin/partials/templates.php
deleted file mode 100644
index a6861b8..0000000
--- a/admin/partials/templates.php
+++ /dev/null
@@ -1,119 +0,0 @@
-template_manager->get_templates($selected_category);
-$categories = $this->template_manager->get_categories();
-
-$templates_by_category = [];
-foreach ($templates as $template) {
- $cat = $template['service_category'];
- if (!isset($templates_by_category[$cat])) {
- $templates_by_category[$cat] = [];
- }
- $templates_by_category[$cat][] = $template;
-}
-?>
-
-
-
-
-
-- - - - -
-
-
-
-
-
- __('Track website traffic and user behavior with Google Analytics 4', 'wptag'),
- 'google_analytics_universal' => __('Track website traffic with Universal Analytics (legacy)', 'wptag'),
- 'facebook_pixel' => __('Track conversions and build audiences for Facebook ads', 'wptag'),
- 'google_ads' => __('Track conversions for Google Ads campaigns', 'wptag'),
- 'google_search_console' => __('Verify site ownership for Google Search Console', 'wptag'),
- 'baidu_tongji' => __('Track website traffic with Baidu Analytics', 'wptag'),
- 'cnzz' => __('Track website traffic with CNZZ Analytics', 'wptag'),
- '51la' => __('Track website traffic with 51.la Analytics', 'wptag'),
- 'baidu_push' => __('Submit URLs to Baidu for faster indexing', 'wptag'),
- 'toutiao_pixel' => __('Track conversions for Toutiao/TikTok ads', 'wptag'),
- ];
-
- return $descriptions[$service_type] ?? __('Configure and add this service to your site', 'wptag');
-}
-?>
diff --git a/assets/admin.css b/assets/admin.css
index 2b5d52e..4304974 100644
--- a/assets/admin.css
+++ b/assets/admin.css
@@ -1,374 +1,712 @@
-.wptag-admin-wrap {
- margin-top: 20px;
+.wptag-admin {
+ margin: 20px 0;
}
.wptag-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20px;
+ padding: 20px;
background: #fff;
border: 1px solid #ccd0d4;
- border-bottom: 0;
- padding: 20px;
+ border-radius: 4px;
+}
+
+.wptag-header-info p {
+ margin: 0;
+ color: #666;
+}
+
+.wptag-header-actions {
+ display: flex;
+ gap: 10px;
+}
+
+.nav-tab-wrapper {
margin-bottom: 0;
}
-.wptag-header h1 {
- margin: 0;
- font-size: 24px;
- font-weight: 400;
- line-height: 1.3;
+.nav-tab .count {
+ background: #72aee6;
+ color: #fff;
+ padding: 2px 6px;
+ border-radius: 10px;
+ font-size: 11px;
+ margin-left: 5px;
}
-.wptag-header .page-title-action {
- margin-left: 10px;
+.nav-tab-active .count {
+ background: #fff;
+ color: #2271b1;
}
-.wptag-content {
+.tab-content {
background: #fff;
border: 1px solid #ccd0d4;
+ border-top: none;
padding: 20px;
+ border-radius: 0 0 4px 4px;
}
-.wptag-stats-grid {
+.wptag-no-services {
+ text-align: center;
+ padding: 40px 20px;
+ color: #666;
+}
+
+.wptag-no-services p {
+ font-size: 16px;
+ margin: 0;
+}
+
+.wptag-services-grid {
display: grid;
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
-.wptag-stat-card {
- background: #f8f9fa;
- border: 1px solid #e2e4e7;
- border-radius: 4px;
- padding: 20px;
- text-align: center;
+.wptag-service-card {
+ background: #f9f9f9;
+ border: 1px solid #e1e1e1;
+ border-radius: 8px;
+ overflow: hidden;
+ transition: all 0.3s ease;
}
-.wptag-stat-card h3 {
- margin: 0 0 10px;
- font-size: 14px;
- color: #666;
- font-weight: 400;
+.wptag-service-card:hover {
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
-.wptag-stat-card .stat-value {
- font-size: 32px;
- font-weight: 600;
- color: #2271b1;
+.wptag-service-card.disabled {
+ opacity: 0.6;
}
-.wptag-table {
- width: 100%;
- border-collapse: collapse;
- margin-top: 20px;
+.wptag-service-card.disabled .wptag-service-content {
+ pointer-events: none;
}
-.wptag-table th,
-.wptag-table td {
- padding: 12px;
- text-align: left;
- border-bottom: 1px solid #e2e4e7;
-}
-
-.wptag-table th {
- background: #f8f9fa;
- font-weight: 600;
- color: #2c3338;
-}
-
-.wptag-table tbody tr:hover {
- background: #f6f7f7;
-}
-
-.wptag-status-badge {
- display: inline-block;
- padding: 3px 8px;
- border-radius: 3px;
- font-size: 12px;
- font-weight: 500;
-}
-
-.wptag-status-badge.active {
- background: #d4f4dd;
- color: #00a32a;
-}
-
-.wptag-status-badge.inactive {
- background: #f5e6e6;
- color: #d63638;
-}
-
-.wptag-actions {
+.wptag-service-header {
display: flex;
- gap: 10px;
-}
-
-.wptag-action-link {
- color: #2271b1;
- text-decoration: none;
- font-size: 13px;
-}
-
-.wptag-action-link:hover {
- color: #135e96;
- text-decoration: underline;
-}
-
-.wptag-action-link.delete {
- color: #d63638;
-}
-
-.wptag-action-link.delete:hover {
- color: #a02222;
-}
-
-.wptag-form-table {
- width: 100%;
- max-width: 800px;
-}
-
-.wptag-form-table th {
- width: 200px;
- padding: 20px 10px 20px 0;
- vertical-align: top;
- text-align: left;
- font-weight: 600;
-}
-
-.wptag-form-table td {
- padding: 15px 10px;
-}
-
-.wptag-form-table input[type="text"],
-.wptag-form-table input[type="number"],
-.wptag-form-table select,
-.wptag-form-table textarea {
- width: 100%;
- max-width: 400px;
-}
-
-.wptag-code-editor {
- width: 100%;
- min-height: 300px;
- font-family: Consolas, Monaco, monospace;
- font-size: 13px;
-}
-
-.wptag-conditions-builder {
- background: #f8f9fa;
- border: 1px solid #e2e4e7;
- border-radius: 4px;
- padding: 20px;
- margin-top: 10px;
-}
-
-.wptag-condition-group {
- background: #fff;
- border: 1px solid #e2e4e7;
- border-radius: 4px;
- padding: 15px;
- margin-bottom: 15px;
-}
-
-.wptag-condition-row {
- display: flex;
- gap: 10px;
align-items: center;
- margin-bottom: 10px;
-}
-
-.wptag-condition-row select,
-.wptag-condition-row input {
- flex: 1;
- min-width: 0;
-}
-
-.wptag-templates-grid {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
- gap: 20px;
- margin-top: 20px;
-}
-
-.wptag-template-card {
- background: #fff;
- border: 1px solid #e2e4e7;
- border-radius: 4px;
padding: 20px;
- transition: box-shadow 0.2s;
+ background: #fff;
+ border-bottom: 1px solid #e1e1e1;
}
-.wptag-template-card:hover {
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+.wptag-service-icon {
+ margin-right: 15px;
}
-.wptag-template-card h3 {
- margin: 0 0 10px;
- font-size: 16px;
- color: #2c3338;
-}
-
-.wptag-template-card p {
+.wptag-service-icon .dashicons {
+ font-size: 24px;
+ width: 24px;
+ height: 24px;
color: #666;
- margin: 0 0 15px;
- font-size: 14px;
+ transition: color 0.3s ease;
}
-.wptag-template-card .button {
- width: 100%;
- text-align: center;
+.wptag-service-card:hover .wptag-service-icon .dashicons {
+ color: #2271b1;
}
-.wptag-modal {
- display: none;
- position: fixed;
+.wptag-service-item:hover .wptag-service-icon .dashicons {
+ color: #2271b1;
+}
+
+.wptag-service-title {
+ flex: 1;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.wptag-service-title h3 {
+ margin: 0;
+ font-size: 16px;
+ font-weight: 600;
+ color: #23282d;
+}
+
+.wptag-switch {
+ position: relative;
+ display: inline-block;
+ width: 50px;
+ height: 24px;
+}
+
+.wptag-switch input {
+ opacity: 0;
+ width: 0;
+ height: 0;
+}
+
+.wptag-slider {
+ position: absolute;
+ cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
- background: rgba(0, 0, 0, 0.7);
+ background-color: #ccc;
+ transition: .4s;
+ border-radius: 24px;
+}
+
+.wptag-slider:before {
+ position: absolute;
+ content: "";
+ height: 18px;
+ width: 18px;
+ left: 3px;
+ bottom: 3px;
+ background-color: white;
+ transition: .4s;
+ border-radius: 50%;
+}
+
+input:checked + .wptag-slider {
+ background-color: #2271b1;
+}
+
+.wptag-slider.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+.wptag-code-editor-wrapper {
+ position: relative;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ background: #f8f9fa;
+ margin-bottom: 10px;
+}
+
+.wptag-code-editor {
+ width: 100%;
+ padding: 15px;
+ border: none;
+ border-radius: 4px;
+ font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
+ font-size: 13px;
+ line-height: 1.5;
+ background: #fff;
+ color: #333;
+ resize: none;
+ overflow-y: auto;
+ min-height: 120px;
+ max-height: 400px;
+ box-sizing: border-box;
+ transition: border-color 0.3s ease;
+}
+
+.wptag-code-editor:focus {
+ outline: none;
+ border-color: #2271b1;
+ box-shadow: 0 0 0 1px #2271b1;
+}
+
+.wptag-code-editor:disabled {
+ background-color: #f0f0f0;
+ color: #666;
+ cursor: not-allowed;
+}
+
+.wptag-code-editor-toolbar {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ display: flex;
+ gap: 5px;
+ opacity: 0.7;
+ transition: opacity 0.3s ease;
+}
+
+.wptag-code-editor-wrapper:hover .wptag-code-editor-toolbar {
+ opacity: 1;
+}
+
+.wptag-code-editor-toolbar .button {
+ padding: 4px 8px;
+ min-height: auto;
+ background: rgba(255, 255, 255, 0.9);
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ font-size: 12px;
+}
+
+.wptag-code-editor-toolbar .button:hover {
+ background: #f0f0f0;
+}
+
+.wptag-advanced-toggle {
+ border-top: 1px solid #e1e1e1;
+ padding-top: 15px;
+ margin-top: 15px;
+}
+
+.wptag-toggle-advanced {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ color: #666;
+ text-decoration: none;
+ font-size: 13px;
+ padding: 5px 0;
+ border: none;
+ background: none;
+ cursor: pointer;
+ transition: color 0.2s ease;
+}
+
+.wptag-toggle-advanced:hover {
+ color: #2271b1;
+}
+
+.wptag-toggle-advanced:focus {
+ outline: none;
+ box-shadow: none;
+ color: #2271b1;
+}
+
+.wptag-toggle-advanced .dashicons {
+ font-size: 16px;
+ width: 16px;
+ height: 16px;
+ transition: transform 0.2s ease;
+}
+
+.wptag-advanced-settings {
+ margin-top: 15px;
+ padding-top: 15px;
+ border-top: 1px solid #e1e1e1;
+}
+
+.wptag-service-card.disabled .wptag-code-editor-wrapper {
+ opacity: 0.6;
+ pointer-events: none;
+}
+
+.wptag-service-card.disabled .wptag-code-editor-toolbar {
+ opacity: 0.5;
+ pointer-events: none;
+}
+
+.wptag-service-card.disabled .wptag-toggle-advanced {
+ opacity: 0.6;
+ pointer-events: none;
+}
+
+.wptag-service-content {
+ padding: 20px;
+}
+
+.wptag-form-row {
+ margin-bottom: 20px;
+}
+
+.wptag-form-label {
+ display: block;
+ margin-bottom: 5px;
+ font-weight: 600;
+ color: #23282d;
+}
+
+.wptag-radio-group {
+ display: flex;
+ gap: 20px;
+}
+
+.wptag-radio-group label {
+ display: flex;
+ align-items: center;
+ font-weight: normal;
+ cursor: pointer;
+}
+
+.wptag-radio-group input[type="radio"] {
+ margin-right: 8px;
+}
+
+.wptag-input-group {
+ display: flex;
+ gap: 10px;
+ align-items: flex-start;
+}
+
+.wptag-input,
+.wptag-textarea,
+.wptag-select {
+ flex: 1;
+ padding: 8px 12px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ font-size: 14px;
+ transition: border-color 0.3s ease;
+}
+
+.wptag-input:focus,
+.wptag-textarea:focus,
+.wptag-select:focus {
+ border-color: #2271b1;
+ outline: none;
+ box-shadow: 0 0 0 1px #2271b1;
+}
+
+.wptag-input-small {
+ max-width: 100px;
+}
+
+.wptag-textarea {
+ font-family: Consolas, Monaco, monospace;
+ font-size: 13px;
+ min-height: 120px;
+ resize: vertical;
+}
+
+.wptag-validation-result {
+ margin-top: 8px;
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.wptag-validation-result.valid {
+ color: #46b450;
+}
+
+.wptag-validation-result.invalid {
+ color: #dc3232;
+}
+
+.wptag-validation-result.loading {
+ color: #0073aa;
+}
+
+.wptag-template-fields,
+.wptag-custom-fields {
+ transition: all 0.3s ease;
+}
+
+.wptag-advanced-settings {
+ margin-top: 15px;
+ padding-top: 15px;
+ border-top: 1px solid #e1e1e1;
+ display: none;
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ gap: 15px;
+}
+
+.wptag-form-actions {
+ text-align: right;
+ padding-top: 20px;
+ border-top: 1px solid #ddd;
+}
+
+.wptag-validate-btn,
+.wptag-preview-btn {
+ background: #0073aa;
+ color: #fff;
+ border: none;
+ padding: 8px 16px;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 13px;
+ transition: background-color 0.3s ease;
+}
+
+.wptag-validate-btn:hover,
+.wptag-preview-btn:hover {
+ background: #005a87;
+}
+
+.wptag-validate-btn:disabled,
+.wptag-preview-btn:disabled {
+ background: #ccc;
+ cursor: not-allowed;
+}
+
+.wptag-preview-btn {
+ background: #666;
+}
+
+.wptag-preview-btn:hover {
+ background: #444;
+}
+
+.wptag-services-management {
+ margin-top: 0;
+}
+
+.wptag-services-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ padding: 20px;
+ background: #f9f9f9;
+ border: 1px solid #e1e1e1;
+ border-radius: 4px;
+}
+
+.wptag-services-header p {
+ margin: 0;
+ color: #666;
+}
+
+.wptag-services-actions {
+ display: flex;
+ gap: 10px;
+}
+
+.wptag-service-category {
+ margin-bottom: 40px;
+}
+
+.wptag-service-category h2 {
+ margin-bottom: 20px;
+ color: #23282d;
+ font-size: 20px;
+ font-weight: 600;
+ border-bottom: 2px solid #2271b1;
+ padding-bottom: 10px;
+}
+
+.wptag-service-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20px;
+ background: #fff;
+ border: 1px solid #e1e1e1;
+ border-radius: 8px;
+ margin-bottom: 15px;
+ transition: all 0.3s ease;
+}
+
+.wptag-service-item:hover {
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.wptag-service-item.disabled {
+ opacity: 0.6;
+}
+
+.wptag-service-info {
+ display: flex;
+ align-items: center;
+ flex: 1;
+}
+
+.wptag-service-details h3 {
+ margin: 0 0 5px 0;
+ font-size: 16px;
+ font-weight: 600;
+ color: #23282d;
+}
+
+.wptag-service-details p {
+ margin: 0;
+ color: #666;
+ font-size: 14px;
+}
+
+#wptag-preview-modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,0.5);
z-index: 100000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.wptag-modal-content {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
background: #fff;
- border-radius: 4px;
- max-width: 600px;
- width: 90%;
- max-height: 90vh;
- overflow: auto;
+ border-radius: 8px;
+ max-width: 80%;
+ max-height: 80%;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.wptag-modal-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
padding: 20px;
- border-bottom: 1px solid #e2e4e7;
+ border-bottom: 1px solid #e1e1e1;
+ background: #f9f9f9;
}
-.wptag-modal-header h2 {
+.wptag-modal-header h3 {
margin: 0;
- font-size: 20px;
+ font-size: 18px;
+ color: #23282d;
+}
+
+.wptag-modal-close {
+ background: none;
+ border: none;
+ font-size: 24px;
+ cursor: pointer;
+ color: #666;
+ padding: 0;
+ width: 30px;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+ transition: all 0.3s ease;
+}
+
+.wptag-modal-close:hover {
+ color: #000;
+ background: rgba(0,0,0,0.1);
}
.wptag-modal-body {
padding: 20px;
+ overflow: auto;
}
-.wptag-modal-footer {
- padding: 20px;
- border-top: 1px solid #e2e4e7;
- text-align: right;
-}
-
-.wptag-filters {
- display: flex;
- gap: 15px;
- margin-bottom: 20px;
- flex-wrap: wrap;
-}
-
-.wptag-filter-item {
- display: flex;
- flex-direction: column;
- gap: 5px;
-}
-
-.wptag-filter-item label {
- font-size: 13px;
- font-weight: 600;
- color: #2c3338;
-}
-
-.wptag-empty-state {
- text-align: center;
- padding: 60px 20px;
- color: #666;
-}
-
-.wptag-empty-state svg {
- width: 64px;
- height: 64px;
- margin-bottom: 20px;
- opacity: 0.3;
-}
-
-.wptag-empty-state h3 {
- font-size: 18px;
- font-weight: 400;
- margin: 0 0 10px;
-}
-
-.wptag-empty-state p {
- margin: 0 0 20px;
-}
-
-.wptag-tabs {
- display: flex;
- border-bottom: 1px solid #e2e4e7;
- margin: -20px -20px 20px;
- padding: 0 20px;
-}
-
-.wptag-tab {
- padding: 15px 20px;
- border-bottom: 2px solid transparent;
- text-decoration: none;
- color: #2c3338;
- font-weight: 500;
- transition: all 0.2s;
-}
-
-.wptag-tab:hover {
- color: #2271b1;
-}
-
-.wptag-tab.active {
- color: #2271b1;
- border-bottom-color: #2271b1;
-}
-
-.wptag-notice {
- padding: 12px 20px;
- margin: 20px 0;
+#wptag-preview-code {
+ background: #f4f4f4;
+ border: 1px solid #ddd;
border-radius: 4px;
- display: flex;
- align-items: center;
- gap: 10px;
+ padding: 15px;
+ font-family: Consolas, Monaco, monospace;
+ font-size: 13px;
+ line-height: 1.5;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ margin: 0;
+ min-height: 200px;
+ color: #333;
}
-.wptag-notice.info {
- background: #e5f5fa;
- color: #0073aa;
-}
-
-.wptag-notice.success {
- background: #d4f4dd;
- color: #00a32a;
-}
-
-.wptag-notice.warning {
- background: #fcf9e8;
- color: #996800;
-}
-
-.wptag-notice.error {
- background: #f5e6e6;
- color: #d63638;
+@media screen and (max-width: 1200px) {
+ .wptag-services-grid {
+ grid-template-columns: 1fr;
+ }
}
@media screen and (max-width: 782px) {
- .wptag-form-table th {
- width: auto;
- display: block;
- padding-bottom: 5px;
+ .wptag-header {
+ flex-direction: column;
+ gap: 15px;
}
- .wptag-filters {
+ .wptag-header-actions {
+ width: 100%;
+ justify-content: center;
+ }
+
+ .wptag-services-header {
+ flex-direction: column;
+ gap: 15px;
+ }
+
+ .wptag-services-actions {
+ width: 100%;
+ justify-content: center;
+ }
+
+ .wptag-input-group {
flex-direction: column;
}
- .wptag-condition-row {
+ .wptag-input-group button {
+ align-self: flex-start;
+ }
+
+ .wptag-advanced-settings {
+ grid-template-columns: 1fr;
+ }
+
+ .wptag-radio-group {
flex-direction: column;
+ gap: 10px;
+ }
+
+ .wptag-modal-content {
+ max-width: 95%;
+ max-height: 95%;
+ }
+
+ .wptag-service-item {
+ flex-direction: column;
+ gap: 15px;
+ }
+
+ .wptag-service-info {
+ text-align: center;
+ }
+
+ .wptag-service-toggle {
+ align-self: center;
}
}
+
+.wptag-loading {
+ position: relative;
+ opacity: 0.6;
+ pointer-events: none;
+}
+
+.wptag-loading::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 20px;
+ height: 20px;
+ border: 2px solid #f3f3f3;
+ border-top: 2px solid #2271b1;
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+ transform: translate(-50%, -50%);
+}
+
+@keyframes spin {
+ 0% { transform: translate(-50%, -50%) rotate(0deg); }
+ 100% { transform: translate(-50%, -50%) rotate(360deg); }
+}
+
+.wptag-text-center {
+ text-align: center;
+}
+
+.wptag-text-muted {
+ color: #666;
+}
+
+.wptag-mb-0 {
+ margin-bottom: 0;
+}
+
+.wptag-mt-20 {
+ margin-top: 20px;
+}
+
+.wptag-hidden {
+ display: none;
+}
+
+.notice {
+ margin: 5px 0 15px 0;
+}
+
+.notice.notice-success {
+ border-left-color: #46b450;
+}
+
+.notice.notice-error {
+ border-left-color: #dc3232;
+}
\ No newline at end of file
diff --git a/assets/admin.js b/assets/admin.js
index d3ff23e..35a59fa 100644
--- a/assets/admin.js
+++ b/assets/admin.js
@@ -1,322 +1,490 @@
-(function($) {
- 'use strict';
+jQuery(document).ready(function($) {
+ WPTagAdmin.init();
+});
- const WPTagAdmin = {
- init: function() {
- this.bindEvents();
- this.initCodeEditor();
- this.initConditionsBuilder();
- },
-
- bindEvents: function() {
- $(document).on('click', '.wptag-toggle-status', this.toggleStatus);
- $(document).on('click', '.wptag-delete-snippet', this.deleteSnippet);
- $(document).on('change', '.wptag-filter', this.filterSnippets);
- $(document).on('click', '.wptag-template-use', this.useTemplate);
- $(document).on('submit', '.wptag-snippet-form', this.validateForm);
- $(document).on('click', '.wptag-add-condition', this.addCondition);
- $(document).on('click', '.wptag-remove-condition', this.removeCondition);
- $(document).on('change', '#code_type', this.updateCodeEditor);
- },
-
- toggleStatus: function(e) {
- e.preventDefault();
+var WPTagAdmin = {
+
+ init: function() {
+ var $ = jQuery;
+ this.handleServiceToggle();
+ this.handleCodeTypeToggle();
+ this.handleValidation();
+ this.handlePreview();
+ this.handleExportImport();
+ this.handleModal();
+ this.handleFormSubmission();
+ this.handleServicesManagement();
+ this.handleReset();
+ this.handleTabSwitching();
+ this.handleAdvancedToggle();
+ this.handleCodeEditor();
+ },
+
+ handleServiceToggle: function() {
+ var $ = jQuery;
+ $('.wptag-service-card input[name*="[enabled]"]').on('change', function() {
+ var $card = $(this).closest('.wptag-service-card');
+ var isEnabled = $(this).is(':checked');
- const $link = $(this);
- const snippetId = $link.data('snippet-id');
+ if (isEnabled) {
+ $card.removeClass('disabled');
+ $card.find('.wptag-service-content input, .wptag-service-content select, .wptag-service-content textarea, .wptag-service-content button').prop('disabled', false);
+ } else {
+ $card.addClass('disabled');
+ $card.find('.wptag-service-content input, .wptag-service-content select, .wptag-service-content textarea, .wptag-service-content button').prop('disabled', true);
+ }
+ });
+
+ $('.wptag-service-card input[name*="[enabled]"]').trigger('change');
+ },
+
+ handleCodeTypeToggle: function() {
+ var $ = jQuery;
+ $('input[name*="[use_template]"]').on('change', function() {
+ var $card = $(this).closest('.wptag-service-card');
+ var useTemplate = $(this).val() === '1' && $(this).is(':checked');
+
+ if (useTemplate) {
+ $card.find('.wptag-template-fields').show();
+ $card.find('.wptag-custom-fields').hide();
+ } else {
+ $card.find('.wptag-template-fields').hide();
+ $card.find('.wptag-custom-fields').show();
+ }
+ });
+
+ $('input[name*="[use_template]"]:checked').trigger('change');
+ },
+
+ handleValidation: function() {
+ var $ = jQuery;
+ $('.wptag-validate-btn').on('click', function() {
+ var $btn = $(this);
+ var $card = $btn.closest('.wptag-service-card');
+ var service = $card.data('service');
+ var $result = $card.find('.wptag-validation-result');
+
+ var useTemplate = $card.find('input[name*="[use_template]"]:checked').val() === '1';
+ var idValue = $card.find('input[type="text"]').first().val();
+ var customCode = $card.find('textarea').val();
+
+ $btn.prop('disabled', true).text(wptagAdmin.strings.validating);
+ $result.removeClass('valid invalid').addClass('loading').text(wptagAdmin.strings.validating);
$.ajax({
- url: wptagAdmin.ajaxUrl,
+ url: wptagAdmin.ajax_url,
type: 'POST',
data: {
- action: 'wptag_toggle_snippet',
- snippet_id: snippetId,
- nonce: wptagAdmin.nonce
+ action: 'wptag_validate_code',
+ nonce: wptagAdmin.nonce,
+ service: service,
+ use_template: useTemplate ? '1' : '0',
+ id_value: idValue,
+ custom_code: customCode
},
success: function(response) {
if (response.success) {
- location.reload();
+ $result.removeClass('loading invalid').addClass('valid')
+ .text('✓ ' + response.data.message);
} else {
- alert(response.data.message || wptagAdmin.strings.error);
+ $result.removeClass('loading valid').addClass('invalid')
+ .text('✗ ' + response.data.message);
}
},
error: function() {
- alert(wptagAdmin.strings.error);
+ $result.removeClass('loading valid').addClass('invalid')
+ .text('✗ Validation failed');
+ },
+ complete: function() {
+ $btn.prop('disabled', false).text('Validate');
}
});
- },
-
- deleteSnippet: function(e) {
- e.preventDefault();
+ });
+
+ $('input[type="text"], textarea').on('input', function() {
+ $(this).closest('.wptag-service-card').find('.wptag-validation-result').text('');
+ });
+ },
+
+ handlePreview: function() {
+ var $ = jQuery;
+ $('.wptag-preview-btn').on('click', function() {
+ var $btn = $(this);
+ var $card = $btn.closest('.wptag-service-card');
+ var service = $card.data('service');
+ var idValue = $card.find('input[type="text"]').first().val();
- if (!confirm(wptagAdmin.strings.confirmDelete)) {
+ if (!idValue.trim()) {
+ alert('Please enter an ID value to preview');
return;
}
- const $link = $(this);
- const snippetId = $link.data('snippet-id');
+ $btn.prop('disabled', true).text(wptagAdmin.strings.loading);
$.ajax({
- url: wptagAdmin.ajaxUrl,
+ url: wptagAdmin.ajax_url,
type: 'POST',
data: {
- action: 'wptag_delete_snippet',
- snippet_id: snippetId,
- nonce: wptagAdmin.nonce
+ action: 'wptag_preview_code',
+ nonce: wptagAdmin.nonce,
+ service: service,
+ id_value: idValue
},
success: function(response) {
if (response.success) {
- $link.closest('tr').fadeOut(400, function() {
- $(this).remove();
- });
+ $('#wptag-preview-code').text(response.data.preview);
+ $('#wptag-preview-modal').show();
} else {
- alert(response.data.message || wptagAdmin.strings.error);
+ alert('Error: ' + response.data.message);
}
},
error: function() {
- alert(wptagAdmin.strings.error);
+ alert('Failed to generate preview');
+ },
+ complete: function() {
+ $btn.prop('disabled', false).text(wptagAdmin.strings.preview);
}
});
- },
-
- filterSnippets: function() {
- const filters = {
- search: $('#filter-search').val(),
- category: $('#filter-category').val(),
- position: $('#filter-position').val(),
- status: $('#filter-status').val()
- };
+ });
+ },
+
+ handleExportImport: function() {
+ var $ = jQuery;
+ $('#wptag-export-btn').on('click', function() {
+ var $btn = $(this);
+ var originalText = $btn.text();
+ $btn.prop('disabled', true).text(wptagAdmin.strings.loading);
- const params = new URLSearchParams(filters);
- params.delete('page');
-
- Object.keys(filters).forEach(key => {
- if (!filters[key]) {
- params.delete(key);
+ $.ajax({
+ url: wptagAdmin.ajax_url,
+ type: 'POST',
+ data: {
+ action: 'wptag_export_settings',
+ nonce: wptagAdmin.nonce
+ },
+ success: function(response) {
+ if (response.success) {
+ WPTagAdmin.downloadFile(response.data.data, response.data.filename);
+ WPTagAdmin.showNotice('success', wptagAdmin.strings.export_success);
+ } else {
+ alert('Export failed: ' + response.data.message);
+ }
+ },
+ error: function() {
+ alert('Export failed');
+ },
+ complete: function() {
+ $btn.prop('disabled', false).text(originalText);
}
});
+ });
+
+ $('#wptag-import-btn').on('click', function() {
+ $('#wptag-import-file').click();
+ });
+
+ $('#wptag-import-file').on('change', function() {
+ var file = this.files[0];
+ if (!file) return;
- window.location.href = window.location.pathname + '?page=wptag-snippets&' + params.toString();
- },
-
- initCodeEditor: function() {
- const $codeTextarea = $('#snippet-code');
-
- if ($codeTextarea.length && typeof wp !== 'undefined' && wp.codeEditor) {
- const editorSettings = wp.codeEditor.defaultSettings || {};
- const codeType = $('#code_type').val();
-
- editorSettings.codemirror = {
- ...editorSettings.codemirror,
- mode: this.getCodeMirrorMode(codeType),
- lineNumbers: true,
- lineWrapping: true,
- indentUnit: 2,
- tabSize: 2
- };
-
- this.codeEditor = wp.codeEditor.initialize($codeTextarea, editorSettings);
- }
- },
-
- getCodeMirrorMode: function(codeType) {
- const modes = {
- 'html': 'htmlmixed',
- 'javascript': 'javascript',
- 'css': 'css'
- };
-
- return modes[codeType] || 'htmlmixed';
- },
-
- updateCodeEditor: function() {
- const codeType = $(this).val();
-
- if (WPTagAdmin.codeEditor && WPTagAdmin.codeEditor.codemirror) {
- WPTagAdmin.codeEditor.codemirror.setOption('mode', WPTagAdmin.getCodeMirrorMode(codeType));
- }
- },
-
- initConditionsBuilder: function() {
- const $builder = $('.wptag-conditions-builder');
-
- if (!$builder.length) {
+ if (!confirm(wptagAdmin.strings.confirm_import)) {
return;
}
- this.loadConditionTypes();
- },
-
- loadConditionTypes: function() {
- $.ajax({
- url: wptagAdmin.ajaxUrl,
- type: 'POST',
- data: {
- action: 'wptag_get_condition_types',
- nonce: wptagAdmin.nonce
- },
- success: function(response) {
- if (response.success) {
- WPTagAdmin.conditionTypes = response.data.types;
+ var reader = new FileReader();
+ reader.onload = function(e) {
+ var importData = e.target.result;
+
+ $.ajax({
+ url: wptagAdmin.ajax_url,
+ type: 'POST',
+ data: {
+ action: 'wptag_import_settings',
+ nonce: wptagAdmin.nonce,
+ import_data: importData
+ },
+ success: function(response) {
+ if (response.success) {
+ WPTagAdmin.showNotice('success', wptagAdmin.strings.import_success);
+ setTimeout(function() {
+ location.reload();
+ }, 1000);
+ } else {
+ alert('Import failed: ' + response.data.message);
+ }
+ },
+ error: function() {
+ alert('Import failed');
}
- }
- });
- },
-
- addCondition: function(e) {
- e.preventDefault();
+ });
+ };
+ reader.readAsText(file);
- const $group = $(this).closest('.wptag-condition-group');
- const $newRow = WPTagAdmin.createConditionRow();
+ this.value = '';
+ });
+ },
+
+ handleReset: function() {
+ var $ = jQuery;
+ $('#wptag-reset-btn').on('click', function() {
+ if (!confirm(wptagAdmin.strings.confirm_reset)) {
+ return;
+ }
- $group.find('.wptag-conditions-list').append($newRow);
- },
-
- removeCondition: function(e) {
- e.preventDefault();
-
- $(this).closest('.wptag-condition-row').fadeOut(300, function() {
- $(this).remove();
- });
- },
-
- createConditionRow: function() {
- const html = `
-
-
-
-
-
-
-
-
-
-
-
- `;
-
- return $(html);
- },
-
- useTemplate: function(e) {
- e.preventDefault();
-
- const $button = $(this);
- const serviceType = $button.data('service-type');
+ var $btn = $(this);
+ var originalText = $btn.text();
+ $btn.prop('disabled', true).text(wptagAdmin.strings.loading);
$.ajax({
- url: wptagAdmin.ajaxUrl,
+ url: wptagAdmin.ajax_url,
type: 'POST',
data: {
- action: 'wptag_get_template',
- service_type: serviceType,
+ action: 'wptag_reset_settings',
nonce: wptagAdmin.nonce
},
success: function(response) {
if (response.success) {
- WPTagAdmin.showTemplateModal(response.data.template);
+ WPTagAdmin.showNotice('success', wptagAdmin.strings.reset_success);
+ setTimeout(function() {
+ location.reload();
+ }, 1000);
} else {
- alert(response.data.message || wptagAdmin.strings.error);
+ alert('Reset failed: ' + response.data.message);
}
- }
- });
- },
-
- showTemplateModal: function(template) {
- const fields = template.config_fields.map(field => {
- return `
-
-
-
-
- `;
- }).join('');
-
- const modalHtml = `
-
-
-
- `;
-
- $('body').append(modalHtml);
- $('#template-config-modal').fadeIn();
-
- $('#template-config-form').on('submit', function(e) {
- e.preventDefault();
- WPTagAdmin.processTemplate(template.service_type, $(this).serialize());
- });
- },
-
- processTemplate: function(serviceType, formData) {
- $.ajax({
- url: wptagAdmin.ajaxUrl,
- type: 'POST',
- data: {
- action: 'wptag_process_template',
- service_type: serviceType,
- config: formData,
- nonce: wptagAdmin.nonce
},
- success: function(response) {
- if (response.success) {
- window.location.href = `admin.php?page=wptag-snippets&action=edit&snippet_id=${response.data.snippet_id}`;
- } else {
- alert(response.data.message || wptagAdmin.strings.error);
+ error: function() {
+ alert('Reset failed');
+ },
+ complete: function() {
+ $btn.prop('disabled', false).text(originalText);
+ }
+ });
+ });
+ },
+
+ handleServicesManagement: function() {
+ var $ = jQuery;
+ $('#wptag-enable-all').on('click', function() {
+ $('input[name="enabled_services[]"]').prop('checked', true);
+ $('.wptag-service-item').removeClass('disabled');
+ });
+
+ $('#wptag-disable-all').on('click', function() {
+ $('input[name="enabled_services[]"]').prop('checked', false);
+ $('.wptag-service-item').addClass('disabled');
+ });
+
+ $('.wptag-service-item input[type="checkbox"]').on('change', function() {
+ var $item = $(this).closest('.wptag-service-item');
+ var isChecked = $(this).is(':checked');
+
+ if (isChecked) {
+ $item.removeClass('disabled');
+ } else {
+ $item.addClass('disabled');
+ }
+ });
+
+ $('.wptag-service-item input[type="checkbox"]').trigger('change');
+ },
+
+ handleModal: function() {
+ var $ = jQuery;
+ $('.wptag-modal-close, #wptag-preview-modal').on('click', function(e) {
+ if (e.target === this) {
+ $('#wptag-preview-modal').hide();
+ }
+ });
+
+ $('.wptag-modal-content').on('click', function(e) {
+ e.stopPropagation();
+ });
+
+ $(document).on('keydown', function(e) {
+ if (e.keyCode === 27 && $('#wptag-preview-modal').is(':visible')) {
+ $('#wptag-preview-modal').hide();
+ }
+ });
+ },
+
+ handleFormSubmission: function() {
+ var $ = jQuery;
+ $('.wptag-settings-form').on('submit', function(e) {
+ var hasErrors = false;
+
+ $('.wptag-service-card').each(function() {
+ var $card = $(this);
+ var isEnabled = $card.find('input[name*="[enabled]"]').is(':checked');
+
+ if (!isEnabled) {
+ return;
+ }
+
+ var useTemplate = $card.find('input[name*="[use_template]"]:checked').val() === '1';
+
+ if (useTemplate) {
+ var idInput = $card.find('input[type="text"]').first();
+ if (idInput.val().trim() === '') {
+ alert('Please enter an ID for enabled services or disable them.');
+ idInput.focus();
+ hasErrors = true;
+ return false;
+ }
+ } else {
+ var customCodeTextarea = $card.find('textarea');
+ if (customCodeTextarea.val().trim() === '') {
+ alert('Please enter custom code for enabled services or disable them.');
+ customCodeTextarea.focus();
+ hasErrors = true;
+ return false;
}
}
});
- },
-
- closeModal: function() {
- $('.wptag-modal').fadeOut(300, function() {
- $(this).remove();
- });
- },
-
- validateForm: function(e) {
- const $form = $(this);
- const name = $form.find('#snippet-name').val();
- const code = WPTagAdmin.codeEditor ?
- WPTagAdmin.codeEditor.codemirror.getValue() :
- $form.find('#snippet-code').val();
- if (!name.trim()) {
+ if (hasErrors) {
e.preventDefault();
- alert('Please enter a snippet name');
return false;
}
- if (!code.trim()) {
- e.preventDefault();
- alert('Please enter some code');
- return false;
+ $(this).find('input[type="submit"]').prop('disabled', true).val('Saving...');
+ });
+ },
+
+ handleTabSwitching: function() {
+ var $ = jQuery;
+ $('.nav-tab').on('click', function(e) {
+ var href = $(this).attr('href');
+ if (href && href.indexOf('tab=') !== -1) {
+ var tab = href.split('tab=')[1];
+ var currentUrl = window.location.href.split('?')[0];
+ var newUrl = currentUrl + '?page=wptag-settings&tab=' + tab;
+ window.location.href = newUrl;
}
+ });
+ },
+
+ handleAdvancedToggle: function() {
+ var $ = jQuery;
+ $('.wptag-toggle-advanced').on('click', function(e) {
+ e.preventDefault();
+ var $btn = $(this);
+ var $card = $btn.closest('.wptag-service-card');
+ var $advanced = $card.find('.wptag-advanced-settings');
+ var $icon = $btn.find('.dashicons');
- return true;
+ if ($advanced.is(':visible')) {
+ $advanced.slideUp();
+ $icon.removeClass('dashicons-arrow-up-alt2').addClass('dashicons-arrow-down-alt2');
+ $btn.html('Advanced Settings');
+ } else {
+ $advanced.slideDown();
+ $icon.removeClass('dashicons-arrow-down-alt2').addClass('dashicons-arrow-up-alt2');
+ $btn.html('Hide Advanced Settings');
+ }
+ });
+ },
+
+ handleCodeEditor: function() {
+ var $ = jQuery;
+ $('.wptag-code-editor').each(function() {
+ var $editor = $(this);
+
+ $editor.on('input', function() {
+ WPTagAdmin.updateEditorHeight(this);
+ });
+
+ $editor.on('keydown', function(e) {
+ if (e.keyCode === 9) {
+ e.preventDefault();
+ var start = this.selectionStart;
+ var end = this.selectionEnd;
+ var value = this.value;
+ this.value = value.substring(0, start) + " " + value.substring(end);
+ this.selectionStart = this.selectionEnd = start + 2;
+ }
+ });
+
+ WPTagAdmin.updateEditorHeight(this);
+ });
+
+ $('.wptag-format-code').on('click', function() {
+ var $btn = $(this);
+ var $editor = $btn.closest('.wptag-code-editor-wrapper').find('.wptag-code-editor');
+ var code = $editor.val();
+
+ if (code.trim()) {
+ try {
+ var formatted = WPTagAdmin.formatCode(code);
+ $editor.val(formatted);
+ WPTagAdmin.updateEditorHeight($editor[0]);
+ } catch (e) {
+ console.log('Code formatting failed:', e);
+ }
+ }
+ });
+
+ $('.wptag-clear-code').on('click', function() {
+ if (confirm('Are you sure you want to clear the code?')) {
+ var $btn = $(this);
+ var $editor = $btn.closest('.wptag-code-editor-wrapper').find('.wptag-code-editor');
+ $editor.val('');
+ WPTagAdmin.updateEditorHeight($editor[0]);
+ }
+ });
+ },
+
+ updateEditorHeight: function(editor) {
+ editor.style.height = 'auto';
+ editor.style.height = Math.max(editor.scrollHeight, 120) + 'px';
+ },
+
+ formatCode: function(code) {
+ try {
+ return code
+ .replace(/>\n<')
+ .replace(/^\s+|\s+$/g, '')
+ .split('\n')
+ .map(function(line) {
+ return line.trim();
+ })
+ .filter(function(line) {
+ return line.length > 0;
+ })
+ .join('\n');
+ } catch (e) {
+ console.log('Code formatting error:', e);
+ return code;
}
- };
-
- $(document).ready(function() {
- WPTagAdmin.init();
- });
-
-})(jQuery);
+ },
+
+ downloadFile: function(data, filename) {
+ var blob = new Blob([data], { type: 'application/json' });
+ var url = window.URL.createObjectURL(blob);
+ var a = document.createElement('a');
+ a.href = url;
+ a.download = filename;
+ a.style.display = 'none';
+ document.body.appendChild(a);
+ a.click();
+ window.URL.revokeObjectURL(url);
+ document.body.removeChild(a);
+ },
+
+ showNotice: function(type, message) {
+ var $ = jQuery;
+ var $notice = $('' + message + '
+
+
+ display_admin_notices(); ?>
+
+
+
+
+
+
+ current_user_can_manage_services()) {
+ echo '
+
+
+
+
+
+
+ Manage your tracking codes and analytics services with ease.
+
+ current_user_can_manage_codes()): ?>
+
+
+
+
+
+
+ current_user_can_manage_services()): ?>
+ display_services_tab(); ?>
+
+ display_category_tab($active_tab, $categories[$active_tab] ?? array()); ?>
+
+
+ ';
+ echo '
';
+ return;
+ }
+
+ $all_services = $this->config->get_all_services();
+ $enabled_services = $this->config->get_enabled_services();
+ $categories = array();
+
+ foreach ($all_services as $service_key => $service_config) {
+ $categories[$service_config['category']][$service_key] = $service_config;
+ }
+
+ ?>
+ You do not have permission to manage services.
'; + echo '
+
+ config->get_services_config();
+
+ foreach ($services_config as $service_key => $service_config) {
+ $category = $service_config['category'];
+ if (!isset($categories[$category])) {
+ $categories[$category] = array(
+ 'title' => ucfirst($category),
+ 'services' => array()
+ );
+ }
+ $categories[$category]['services'][$service_key] = $service_config;
+ }
+
+ return $categories;
+ }
+
+ private function display_category_tab($active_tab, $category_data) {
+ if (empty($category_data['services'])) {
+ echo '
+
+
+
+ Enable or disable tracking services. Only enabled services will appear in the category tabs.
+
+
+
+
+ ';
+ echo '
';
+ return;
+ }
+
+ ?>
+
+ config->get_service_settings($service_key);
+ $field_key = $service_config['field'];
+ $can_edit = $this->current_user_can_manage_codes();
+ ?>
+ No services enabled for this category. Enable some services to get started.
'; + echo '
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+
+
+
+
+
+
+ >
+
+
+
+
+
+
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ %s
', + esc_attr($notice['type']), + esc_html($notice['message']) + ); + } + + delete_transient('wptag_admin_notices'); + } + + private function add_admin_notice($type, $message) { + $notices = get_transient('wptag_admin_notices') ?: array(); + $notices[] = array('type' => $type, 'message' => $message); + set_transient('wptag_admin_notices', $notices, 30); + } + + public function handle_form_submission() { + if (isset($_POST['wptag_services_nonce']) && wp_verify_nonce($_POST['wptag_services_nonce'], 'wptag_save_services')) { + $this->handle_services_form_submission(); + return; + } + + if (!isset($_POST['wptag_nonce']) || !wp_verify_nonce($_POST['wptag_nonce'], 'wptag_save_settings')) { + return; + } + + if (!$this->current_user_can_manage_codes()) { + $this->add_admin_notice('error', 'You do not have permission to manage tracking codes.'); + return; + } + + $settings = $_POST['wptag_settings'] ?? array(); + + if ($this->validator->validate_settings($settings)) { + $result = $this->config->update_settings($settings); + + if ($result) { + $this->add_admin_notice('success', 'Settings saved successfully.'); + } else { + $this->add_admin_notice('error', 'Failed to save settings.'); + } + } else { + $errors = $this->validator->get_error_messages(); + $this->add_admin_notice('error', 'Validation failed: ' . implode(', ', $errors)); + } + + $redirect_url = add_query_arg( + array( + 'page' => 'wptag-settings', + 'tab' => isset($_GET['tab']) ? sanitize_text_field($_GET['tab']) : 'analytics' + ), + admin_url('options-general.php') + ); + + wp_redirect($redirect_url); + exit; + } + + private function handle_services_form_submission() { + if (!$this->current_user_can_manage_services()) { + $this->add_admin_notice('error', 'You do not have permission to manage services.'); + return; + } + + $enabled_services = isset($_POST['enabled_services']) ? array_map('sanitize_text_field', $_POST['enabled_services']) : array(); + + $result = $this->config->update_enabled_services($enabled_services); + + if ($result) { + $this->add_admin_notice('success', 'Services updated successfully.'); + } else { + $this->add_admin_notice('error', 'Failed to update services.'); + } + + wp_redirect(add_query_arg(array('page' => 'wptag-settings', 'tab' => 'services'), admin_url('options-general.php'))); + exit; + } + + public function sanitize_settings($settings) { + return $this->config->sanitize_settings($settings); + } + + public function sanitize_services($services) { + return is_array($services) ? array_map('sanitize_text_field', $services) : array(); + } + + public function ajax_validate_code() { + check_ajax_referer('wptag_admin_nonce', 'nonce'); + + if (!$this->current_user_can_manage_codes()) { + wp_send_json_error(array('message' => 'You do not have permission to validate codes.')); + return; + } + + $service_key = sanitize_text_field($_POST['service']); + $use_template = $_POST['use_template'] === '1'; + + $settings = array( + 'enabled' => true, + 'use_template' => $use_template + ); + + if ($use_template) { + $service_config = $this->config->get_service_config($service_key); + if ($service_config) { + $field_key = $service_config['field']; + $settings[$field_key] = sanitize_text_field($_POST['id_value']); + } + } else { + $settings['custom_code'] = wp_kses_post($_POST['custom_code']); + } + + $is_valid = $this->validator->validate_service_code($service_key, $settings); + + if ($is_valid) { + wp_send_json_success(array('message' => 'Code is valid')); + } else { + $errors = $this->validator->get_error_messages(); + wp_send_json_error(array('message' => implode(', ', $errors))); + } + } + + public function ajax_preview_code() { + check_ajax_referer('wptag_admin_nonce', 'nonce'); + + if (!$this->current_user_can_manage_codes()) { + wp_send_json_error(array('message' => 'You do not have permission to preview codes.')); + return; + } + + $service_key = sanitize_text_field($_POST['service']); + $id_value = sanitize_text_field($_POST['id_value']); + + $preview = $this->output_manager->get_template_preview($service_key, $id_value); + + if (!empty($preview)) { + wp_send_json_success(array('preview' => $preview)); + } else { + wp_send_json_error(array('message' => 'Unable to generate preview')); + } + } + + public function ajax_export_settings() { + check_ajax_referer('wptag_admin_nonce', 'nonce'); + + if (!$this->current_user_can_manage_codes()) { + wp_send_json_error(array('message' => 'You do not have permission to export settings.')); + return; + } + + $export_data = $this->config->export_settings(); + + wp_send_json_success(array( + 'data' => $export_data, + 'filename' => 'wptag-settings-' . date('Y-m-d-H-i-s') . '.json' + )); + } + + public function ajax_import_settings() { + check_ajax_referer('wptag_admin_nonce', 'nonce'); + + if (!$this->current_user_can_manage_codes()) { + wp_send_json_error(array('message' => 'You do not have permission to import settings.')); + return; + } + + $import_data = stripslashes($_POST['import_data']); + + if ($this->validator->validate_import_data($import_data)) { + $result = $this->config->import_settings($import_data); + + if (!is_wp_error($result)) { + wp_send_json_success(array('message' => 'Settings imported successfully')); + } else { + wp_send_json_error(array('message' => $result->get_error_message())); + } + } else { + $errors = $this->validator->get_error_messages(); + wp_send_json_error(array('message' => implode(', ', $errors))); + } + } + + public function ajax_reset_settings() { + check_ajax_referer('wptag_admin_nonce', 'nonce'); + + if (!$this->current_user_can_manage_codes()) { + wp_send_json_error(array('message' => 'You do not have permission to reset settings.')); + return; + } + + $this->config->reset_to_defaults(); + + wp_send_json_success(array('message' => 'Settings reset successfully')); + } + + public function add_action_links($links) { + $settings_link = 'Settings'; + array_unshift($links, $settings_link); + return $links; + } + + public function add_row_meta($links, $file) { + if ($file === plugin_basename(WPTAG_PLUGIN_FILE)) { + $links[] = 'Documentation'; + $links[] = 'Support'; + } + return $links; + } +} \ No newline at end of file diff --git a/includes/class-config.php b/includes/class-config.php new file mode 100644 index 0000000..e1297aa --- /dev/null +++ b/includes/class-config.php @@ -0,0 +1,447 @@ +init_services_config(); + } + + private function init_services_config() { + $this->services_config = array( + 'google_analytics' => array( + 'name' => 'Google Analytics', + 'category' => 'analytics', + 'field' => 'tracking_id', + 'placeholder' => 'G-XXXXXXXXXX or UA-XXXXXXXXX-X', + 'validation_pattern' => '/^(G-[A-Z0-9]{10}|UA-[0-9]+-[0-9]+)$/', + 'default_position' => 'head', + 'template' => 'google_analytics', + 'icon' => 'dashicons-chart-area', + 'description' => 'Track website traffic and user behavior with Google Analytics' + ), + 'google_tag_manager' => array( + 'name' => 'Google Tag Manager', + 'category' => 'analytics', + 'field' => 'container_id', + 'placeholder' => 'GTM-XXXXXXX', + 'validation_pattern' => '/^GTM-[A-Z0-9]{7}$/', + 'default_position' => 'head', + 'template' => 'google_tag_manager', + 'icon' => 'dashicons-tag', + 'description' => 'Manage all your website tags through Google Tag Manager' + ), + 'facebook_pixel' => array( + 'name' => 'Facebook Pixel', + 'category' => 'advertising', + 'field' => 'pixel_id', + 'placeholder' => '123456789012345', + 'validation_pattern' => '/^[0-9]{15}$/', + 'default_position' => 'head', + 'template' => 'facebook_pixel', + 'icon' => 'dashicons-facebook', + 'description' => 'Track conversions and build audiences for Facebook ads' + ), + 'google_ads' => array( + 'name' => 'Google Ads', + 'category' => 'advertising', + 'field' => 'conversion_id', + 'placeholder' => 'AW-123456789', + 'validation_pattern' => '/^AW-[0-9]{10}$/', + 'default_position' => 'head', + 'template' => 'google_ads', + 'icon' => 'dashicons-googleplus', + 'description' => 'Track conversions for Google Ads campaigns' + ), + 'microsoft_clarity' => array( + 'name' => 'Microsoft Clarity', + 'category' => 'analytics', + 'field' => 'project_id', + 'placeholder' => 'abcdefghij', + 'validation_pattern' => '/^[a-z0-9]{10}$/', + 'default_position' => 'head', + 'template' => 'microsoft_clarity', + 'icon' => 'dashicons-visibility', + 'description' => 'Free user behavior analytics with heatmaps and session recordings' + ), + 'hotjar' => array( + 'name' => 'Hotjar', + 'category' => 'analytics', + 'field' => 'site_id', + 'placeholder' => '1234567', + 'validation_pattern' => '/^[0-9]{7}$/', + 'default_position' => 'head', + 'template' => 'hotjar', + 'icon' => 'dashicons-video-alt3', + 'description' => 'Understand user behavior with Hotjar heatmaps and recordings' + ), + 'tiktok_pixel' => array( + 'name' => 'TikTok Pixel', + 'category' => 'advertising', + 'field' => 'pixel_id', + 'placeholder' => 'ABCDEFGHIJKLMNOPQRSTUVWXYZ123456', + 'validation_pattern' => '/^[A-Z0-9]{26}$/', + 'default_position' => 'head', + 'template' => 'tiktok_pixel', + 'icon' => 'dashicons-smartphone', + 'description' => 'Track conversions for TikTok advertising campaigns' + ), + 'linkedin_insight' => array( + 'name' => 'LinkedIn Insight Tag', + 'category' => 'advertising', + 'field' => 'partner_id', + 'placeholder' => '1234567', + 'validation_pattern' => '/^[0-9]{7}$/', + 'default_position' => 'footer', + 'template' => 'linkedin_insight', + 'icon' => 'dashicons-linkedin', + 'description' => 'Track conversions and retarget visitors for LinkedIn ads' + ), + 'twitter_pixel' => array( + 'name' => 'Twitter Pixel', + 'category' => 'advertising', + 'field' => 'pixel_id', + 'placeholder' => 'o1234', + 'validation_pattern' => '/^o[0-9]{4}$/', + 'default_position' => 'head', + 'template' => 'twitter_pixel', + 'icon' => 'dashicons-twitter', + 'description' => 'Track conversions for Twitter advertising campaigns' + ), + 'pinterest_pixel' => array( + 'name' => 'Pinterest Pixel', + 'category' => 'advertising', + 'field' => 'pixel_id', + 'placeholder' => '1234567890123456', + 'validation_pattern' => '/^[0-9]{16}$/', + 'default_position' => 'head', + 'template' => 'pinterest_pixel', + 'icon' => 'dashicons-format-image', + 'description' => 'Track conversions for Pinterest advertising campaigns' + ), + 'snapchat_pixel' => array( + 'name' => 'Snapchat Pixel', + 'category' => 'advertising', + 'field' => 'pixel_id', + 'placeholder' => 'abcdefgh-1234-5678-9012-abcdefghijkl', + 'validation_pattern' => '/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/', + 'default_position' => 'head', + 'template' => 'snapchat_pixel', + 'icon' => 'dashicons-camera', + 'description' => 'Track conversions for Snapchat advertising campaigns' + ), + 'google_optimize' => array( + 'name' => 'Google Optimize', + 'category' => 'analytics', + 'field' => 'container_id', + 'placeholder' => 'GTM-XXXXXXX', + 'validation_pattern' => '/^GTM-[A-Z0-9]{7}$/', + 'default_position' => 'head', + 'template' => 'google_optimize', + 'icon' => 'dashicons-admin-settings', + 'description' => 'A/B testing and website optimization tool' + ), + 'crazyegg' => array( + 'name' => 'Crazy Egg', + 'category' => 'analytics', + 'field' => 'account_id', + 'placeholder' => '12345678', + 'validation_pattern' => '/^[0-9]{8}$/', + 'default_position' => 'head', + 'template' => 'crazyegg', + 'icon' => 'dashicons-admin-tools', + 'description' => 'Heatmap and user session recording tool' + ), + 'mixpanel' => array( + 'name' => 'Mixpanel', + 'category' => 'analytics', + 'field' => 'project_token', + 'placeholder' => 'abcdefghijklmnopqrstuvwxyz123456', + 'validation_pattern' => '/^[a-z0-9]{32}$/', + 'default_position' => 'head', + 'template' => 'mixpanel', + 'icon' => 'dashicons-chart-pie', + 'description' => 'Advanced analytics to understand user behavior' + ), + 'amplitude' => array( + 'name' => 'Amplitude', + 'category' => 'analytics', + 'field' => 'api_key', + 'placeholder' => 'abcdefghijklmnopqrstuvwxyz123456', + 'validation_pattern' => '/^[a-z0-9]{32}$/', + 'default_position' => 'head', + 'template' => 'amplitude', + 'icon' => 'dashicons-chart-bar', + 'description' => 'Product analytics for mobile and web' + ), + 'matomo' => array( + 'name' => 'Matomo', + 'category' => 'analytics', + 'field' => 'site_id', + 'placeholder' => '1', + 'validation_pattern' => '/^[0-9]+$/', + 'default_position' => 'head', + 'template' => 'matomo', + 'icon' => 'dashicons-chart-line', + 'description' => 'Privacy-focused web analytics platform' + ) + ); + } + + public function get_all_services() { + return $this->services_config; + } + + public function get_enabled_services() { + if (null === $this->cached_services) { + $this->cached_services = get_option($this->services_option, array('google_analytics', 'google_tag_manager', 'facebook_pixel', 'google_ads')); + } + return $this->cached_services; + } + + public function update_enabled_services($services) { + $this->cached_services = is_array($services) ? $services : array(); + $result = update_option($this->services_option, $this->cached_services); + + if ($result) { + $this->cached_settings = null; + } + + return $result; + } + + public function get_available_services() { + $enabled_services = $this->get_enabled_services(); + $available = array(); + + foreach ($enabled_services as $service_key) { + if (isset($this->services_config[$service_key])) { + $available[$service_key] = $this->services_config[$service_key]; + } + } + + return $available; + } + + public function get_services_config() { + return $this->get_available_services(); + } + + public function get_service_config($service_key) { + return isset($this->services_config[$service_key]) ? $this->services_config[$service_key] : null; + } + + public function get_services_by_category($category) { + $available_services = $this->get_available_services(); + return array_filter($available_services, function($service) use ($category) { + return $service['category'] === $category; + }); + } + + public function get_categories() { + $available_services = $this->get_available_services(); + $categories = array(); + + foreach ($available_services as $service) { + if (!in_array($service['category'], $categories)) { + $categories[] = $service['category']; + } + } + + return $categories; + } + + public function get_settings() { + if (null === $this->cached_settings) { + $this->cached_settings = get_option($this->option_name, $this->get_default_settings()); + } + return $this->cached_settings; + } + + public function get_service_settings($service_key) { + $settings = $this->get_settings(); + return isset($settings[$service_key]) ? $settings[$service_key] : $this->get_default_service_settings($service_key); + } + + public function update_settings($new_settings) { + $sanitized_settings = $this->sanitize_settings($new_settings); + $result = update_option($this->option_name, $sanitized_settings); + + if ($result) { + $this->cached_settings = $sanitized_settings; + do_action('wptag_settings_updated', $sanitized_settings); + } + + return $result; + } + + public function update_service_settings($service_key, $service_settings) { + $all_settings = $this->get_settings(); + $all_settings[$service_key] = $this->sanitize_service_settings($service_settings); + + return $this->update_settings($all_settings); + } + + private function get_default_settings() { + $defaults = array(); + $available_services = $this->get_available_services(); + + foreach ($available_services as $service_key => $service_config) { + $defaults[$service_key] = $this->get_default_service_settings($service_key); + } + + return $defaults; + } + + private function get_default_service_settings($service_key) { + $service_config = $this->get_service_config($service_key); + if (!$service_config) { + return array(); + } + + $defaults = array( + 'enabled' => false, + 'use_template' => true, + 'custom_code' => '', + 'position' => $service_config['default_position'], + 'priority' => 10, + 'device' => 'all', + 'conditions' => array(), + 'created_at' => current_time('mysql'), + 'updated_at' => current_time('mysql') + ); + + $defaults[$service_config['field']] = ''; + + return $defaults; + } + + public function sanitize_settings($settings) { + $sanitized = array(); + + if (!is_array($settings)) { + return $this->get_default_settings(); + } + + foreach ($settings as $service_key => $service_settings) { + if (isset($this->services_config[$service_key])) { + $sanitized[$service_key] = $this->sanitize_service_settings($service_settings); + } + } + + return $sanitized; + } + + private function sanitize_service_settings($settings) { + $sanitized = array( + 'enabled' => !empty($settings['enabled']), + 'use_template' => isset($settings['use_template']) ? (bool)$settings['use_template'] : true, + 'custom_code' => wp_kses($settings['custom_code'] ?? '', array( + 'script' => array( + 'type' => array(), + 'src' => array(), + 'async' => array(), + 'defer' => array(), + 'id' => array(), + 'class' => array() + ), + 'noscript' => array(), + 'img' => array( + 'src' => array(), + 'alt' => array(), + 'width' => array(), + 'height' => array(), + 'style' => array() + ), + 'iframe' => array( + 'src' => array(), + 'width' => array(), + 'height' => array(), + 'style' => array() + ) + )), + 'position' => sanitize_text_field($settings['position'] ?? 'head'), + 'priority' => intval($settings['priority'] ?? 10), + 'device' => sanitize_text_field($settings['device'] ?? 'all'), + 'conditions' => is_array($settings['conditions'] ?? array()) ? $settings['conditions'] : array(), + 'updated_at' => current_time('mysql') + ); + + foreach ($this->services_config as $service_key => $service_config) { + $field_key = $service_config['field']; + if (isset($settings[$field_key])) { + $sanitized[$field_key] = sanitize_text_field($settings[$field_key]); + } + } + + return $sanitized; + } + + public function install_default_settings() { + $existing_settings = get_option($this->option_name, array()); + $existing_services = get_option($this->services_option, array()); + + if (empty($existing_settings)) { + add_option($this->option_name, $this->get_default_settings()); + } + + if (empty($existing_services)) { + add_option($this->services_option, array('google_analytics', 'google_tag_manager', 'facebook_pixel', 'google_ads')); + } + } + + public function reset_to_defaults() { + delete_option($this->option_name); + delete_option($this->services_option); + $this->cached_settings = null; + $this->cached_services = null; + $this->install_default_settings(); + + do_action('wptag_settings_reset'); + } + + public function export_settings() { + $settings = $this->get_settings(); + $services = $this->get_enabled_services(); + + $export_data = array( + 'version' => WPTAG_VERSION, + 'exported_at' => current_time('mysql'), + 'services' => $services, + 'settings' => $settings + ); + + return wp_json_encode($export_data, JSON_PRETTY_PRINT); + } + + public function import_settings($json_data) { + $data = json_decode($json_data, true); + + if (!is_array($data) || !isset($data['settings'])) { + return new \WP_Error('invalid_data', 'Invalid import data format'); + } + + $settings_result = $this->update_settings($data['settings']); + + if (isset($data['services'])) { + $services_result = $this->update_enabled_services($data['services']); + } + + if ($settings_result) { + do_action('wptag_settings_imported', $data['settings']); + return true; + } + + return new \WP_Error('import_failed', 'Failed to import settings'); + } +} \ No newline at end of file diff --git a/includes/class-frontend.php b/includes/class-frontend.php new file mode 100644 index 0000000..bb33e28 --- /dev/null +++ b/includes/class-frontend.php @@ -0,0 +1,69 @@ +config = $config; + $this->output_manager = new Output_Manager($config); + + $this->init_hooks(); + } + + private function init_hooks() { + add_action('wp_head', array($this, 'output_head_codes'), 1); + add_action('wp_body_open', array($this, 'output_body_codes'), 1); + add_action('wp_footer', array($this, 'output_footer_codes'), 1); + add_action('wp_enqueue_scripts', array($this, 'enqueue_frontend_assets')); + } + + public function output_head_codes() { + if (!$this->should_output_codes()) { + return; + } + + $this->output_manager->output_codes('head'); + } + + public function output_body_codes() { + if (!$this->should_output_codes()) { + return; + } + + $this->output_manager->output_codes('body'); + } + + public function output_footer_codes() { + if (!$this->should_output_codes()) { + return; + } + + $this->output_manager->output_codes('footer'); + } + + private function should_output_codes() { + if (is_admin()) { + return false; + } + + if (is_user_logged_in() && current_user_can('manage_options')) { + $show_for_admin = apply_filters('wptag_show_for_admin', false); + if (!$show_for_admin) { + return false; + } + } + + return apply_filters('wptag_should_output_codes', true); + } + + public function enqueue_frontend_assets() { + do_action('wptag_enqueue_frontend_assets'); + } +} \ No newline at end of file diff --git a/includes/class-loader.php b/includes/class-loader.php new file mode 100644 index 0000000..5ad0620 --- /dev/null +++ b/includes/class-loader.php @@ -0,0 +1,51 @@ +actions = $this->add($this->actions, $hook, $component, $callback, $priority, $accepted_args); + } + + public function add_filter($hook, $component, $callback, $priority = 10, $accepted_args = 1) { + $this->filters = $this->add($this->filters, $hook, $component, $callback, $priority, $accepted_args); + } + + public function add_shortcode($tag, $component, $callback) { + $this->shortcodes = $this->add($this->shortcodes, $tag, $component, $callback); + } + + private function add($hooks, $hook, $component, $callback, $priority = 10, $accepted_args = 1) { + $hooks[] = array( + 'hook' => $hook, + 'component' => $component, + 'callback' => $callback, + 'priority' => $priority, + 'accepted_args' => $accepted_args + ); + + return $hooks; + } + + public function run() { + foreach ($this->filters as $hook) { + add_filter($hook['hook'], array($hook['component'], $hook['callback']), $hook['priority'], $hook['accepted_args']); + } + + foreach ($this->actions as $hook) { + add_action($hook['hook'], array($hook['component'], $hook['callback']), $hook['priority'], $hook['accepted_args']); + } + + foreach ($this->shortcodes as $hook) { + add_shortcode($hook['hook'], array($hook['component'], $hook['callback'])); + } + } +} \ No newline at end of file diff --git a/includes/class-output-manager.php b/includes/class-output-manager.php new file mode 100644 index 0000000..8ef15bc --- /dev/null +++ b/includes/class-output-manager.php @@ -0,0 +1,479 @@ +config = $config; + $this->init_templates(); + } + + private function init_templates() { + $this->templates = array( + 'google_analytics' => array( + 'G-' => ' + +', + 'UA-' => ' + +' + ), + 'google_tag_manager' => array( + 'head' => ' +', + 'body' => ' +' + ), + 'facebook_pixel' => ' + +', + 'google_ads' => ' + +', + 'microsoft_clarity' => ' +', + 'hotjar' => ' +', + 'tiktok_pixel' => ' +', + 'linkedin_insight' => ' + +', + 'twitter_pixel' => ' +', + 'pinterest_pixel' => ' + +', + 'snapchat_pixel' => ' +', + 'google_optimize' => ' +', + 'crazyegg' => ' +', + 'mixpanel' => ' +', + 'amplitude' => ' +', + 'matomo' => ' +', + ); + } + + public function get_codes_for_position($position) { + if (isset($this->cached_codes[$position])) { + return $this->cached_codes[$position]; + } + + $codes = array(); + $all_settings = $this->config->get_settings(); + + foreach ($all_settings as $service_key => $service_settings) { + if (!$this->should_output_service($service_key, $service_settings, $position)) { + continue; + } + + $code = $this->get_service_code($service_key, $service_settings, $position); + if (!empty($code)) { + $priority = intval($service_settings['priority']); + $codes[$priority][] = array( + 'service' => $service_key, + 'code' => $code, + 'priority' => $priority + ); + } + } + + ksort($codes); + + $output_codes = array(); + foreach ($codes as $priority_codes) { + foreach ($priority_codes as $code_data) { + $output_codes[] = $code_data['code']; + } + } + + $this->cached_codes[$position] = $output_codes; + return $output_codes; + } + + private function should_output_service($service_key, $service_settings, $position) { + if (!$service_settings['enabled']) { + return false; + } + + if ($service_settings['position'] !== $position) { + return false; + } + + if (!$this->check_device_condition($service_settings['device'])) { + return false; + } + + if (!$this->check_page_conditions($service_settings['conditions'] ?? array())) { + return false; + } + + return apply_filters('wptag_should_output_service', true, $service_key, $service_settings, $position); + } + + private function check_device_condition($device_setting) { + if ($device_setting === 'all') { + return true; + } + + $is_mobile = wp_is_mobile(); + + if ($device_setting === 'mobile' && $is_mobile) { + return true; + } + + if ($device_setting === 'desktop' && !$is_mobile) { + return true; + } + + return false; + } + + private function check_page_conditions($conditions) { + if (empty($conditions)) { + return true; + } + + foreach ($conditions as $condition) { + if (!$this->check_single_condition($condition)) { + return false; + } + } + + return true; + } + + private function check_single_condition($condition) { + $type = $condition['type'] ?? ''; + $value = $condition['value'] ?? ''; + $operator = $condition['operator'] ?? 'is'; + + switch ($type) { + case 'page_type': + return $this->check_page_type_condition($value, $operator); + case 'post_type': + return $this->check_post_type_condition($value, $operator); + case 'category': + return $this->check_category_condition($value, $operator); + case 'tag': + return $this->check_tag_condition($value, $operator); + case 'user_role': + return $this->check_user_role_condition($value, $operator); + default: + return true; + } + } + + private function check_page_type_condition($value, $operator) { + $current_page_type = $this->get_current_page_type(); + + if ($operator === 'is') { + return $current_page_type === $value; + } elseif ($operator === 'is_not') { + return $current_page_type !== $value; + } + + return true; + } + + private function get_current_page_type() { + if (is_home()) return 'home'; + if (is_front_page()) return 'front_page'; + if (is_single()) return 'single'; + if (is_page()) return 'page'; + if (is_category()) return 'category'; + if (is_tag()) return 'tag'; + if (is_archive()) return 'archive'; + if (is_search()) return 'search'; + if (is_404()) return '404'; + + return 'unknown'; + } + + private function check_post_type_condition($value, $operator) { + $post_type = get_post_type(); + + if ($operator === 'is') { + return $post_type === $value; + } elseif ($operator === 'is_not') { + return $post_type !== $value; + } + + return true; + } + + private function check_category_condition($value, $operator) { + if (is_category($value)) { + return $operator === 'is'; + } elseif (is_single()) { + $has_category = has_category($value); + return $operator === 'is' ? $has_category : !$has_category; + } + + return $operator === 'is_not'; + } + + private function check_tag_condition($value, $operator) { + if (is_tag($value)) { + return $operator === 'is'; + } elseif (is_single()) { + $has_tag = has_tag($value); + return $operator === 'is' ? $has_tag : !$has_tag; + } + + return $operator === 'is_not'; + } + + private function check_user_role_condition($value, $operator) { + $user = wp_get_current_user(); + $has_role = in_array($value, $user->roles); + + return $operator === 'is' ? $has_role : !$has_role; + } + + private function get_service_code($service_key, $service_settings, $position) { + if ($service_settings['use_template']) { + return $this->get_template_code($service_key, $service_settings, $position); + } else { + return $service_settings['custom_code']; + } + } + + private function get_template_code($service_key, $service_settings, $position) { + $service_config = $this->config->get_service_config($service_key); + if (!$service_config) { + return ''; + } + + $template = $this->get_template_for_service($service_key, $service_settings, $position); + if (empty($template)) { + return ''; + } + + $field_key = $service_config['field']; + $id_value = $service_settings[$field_key] ?? ''; + + if (empty($id_value)) { + return ''; + } + + $code = str_replace('{ID}', esc_attr($id_value), $template); + + return apply_filters('wptag_template_code', $code, $service_key, $service_settings, $position); + } + + private function get_template_for_service($service_key, $service_settings, $position) { + if (!isset($this->templates[$service_key])) { + return ''; + } + + $template_data = $this->templates[$service_key]; + + if ($service_key === 'google_analytics') { + $service_config = $this->config->get_service_config($service_key); + $field_key = $service_config['field']; + $id_value = $service_settings[$field_key] ?? ''; + + if (strpos($id_value, 'G-') === 0) { + return $template_data['G-']; + } elseif (strpos($id_value, 'UA-') === 0) { + return $template_data['UA-']; + } + + return ''; + } + + if ($service_key === 'google_tag_manager') { + if ($position === 'head') { + return $template_data['head']; + } elseif ($position === 'body') { + return $template_data['body']; + } + + return ''; + } + + if (is_array($template_data)) { + return $template_data['default'] ?? ''; + } + + return $template_data; + } + + public function output_codes($position) { + $codes = $this->get_codes_for_position($position); + + if (empty($codes)) { + return; + } + + $output = "\n\n"; + + foreach ($codes as $code) { + $output .= $code . "\n"; + } + + $output .= "\n"; + + echo apply_filters('wptag_output_codes', $output, $position); + } + + public function clear_cache() { + $this->cached_codes = array(); + } + + public function get_template_preview($service_key, $id_value) { + $service_config = $this->config->get_service_config($service_key); + if (!$service_config) { + return ''; + } + + $template = $this->get_template_for_service($service_key, array($service_config['field'] => $id_value), 'head'); + if (empty($template)) { + return ''; + } + + return str_replace('{ID}', esc_attr($id_value), $template); + } +} \ No newline at end of file diff --git a/includes/class-validator.php b/includes/class-validator.php new file mode 100644 index 0000000..ac9da90 --- /dev/null +++ b/includes/class-validator.php @@ -0,0 +1,393 @@ +config = $config ?: new Config(); + } + + public function validate_service_code($service_key, $settings) { + $this->errors = array(); + + $service_config = $this->config->get_service_config($service_key); + if (!$service_config) { + $this->add_error('service_not_found', 'Service configuration not found'); + return false; + } + + if (!$settings['enabled']) { + return true; + } + + if ($settings['use_template']) { + return $this->validate_template_code($service_key, $settings, $service_config); + } else { + return $this->validate_custom_code($settings['custom_code']); + } + } + + private function validate_template_code($service_key, $settings, $service_config) { + $field_key = $service_config['field']; + $id_value = $settings[$field_key] ?? ''; + + if (empty($id_value)) { + $this->add_error('empty_id', 'ID field cannot be empty'); + return false; + } + + if (!$this->validate_id_format($service_key, $id_value, $service_config)) { + return false; + } + + return true; + } + + private function validate_id_format($service_key, $id_value, $service_config) { + $pattern = $service_config['validation_pattern'] ?? null; + + if (!$pattern) { + return true; + } + + if (!preg_match($pattern, $id_value)) { + $this->add_error('invalid_id_format', sprintf('Invalid ID format for %s', $service_config['name'])); + return false; + } + + if ($service_key === 'google_analytics') { + return $this->validate_google_analytics_id($id_value); + } + + return true; + } + + private function validate_google_analytics_id($id_value) { + if (strpos($id_value, 'G-') === 0) { + if (!preg_match('/^G-[A-Z0-9]{10}$/', $id_value)) { + $this->add_error('invalid_ga4_format', 'Invalid Google Analytics 4 ID format'); + return false; + } + } elseif (strpos($id_value, 'UA-') === 0) { + if (!preg_match('/^UA-[0-9]+-[0-9]+$/', $id_value)) { + $this->add_error('invalid_ua_format', 'Invalid Universal Analytics ID format'); + return false; + } + } else { + $this->add_error('invalid_ga_format', 'Google Analytics ID must start with G- or UA-'); + return false; + } + + return true; + } + + private function validate_custom_code($custom_code) { + if (empty($custom_code)) { + $this->add_error('empty_custom_code', 'Custom code cannot be empty'); + return false; + } + + if (strlen($custom_code) > 50000) { + $this->add_error('code_too_long', 'Custom code is too long (max 50,000 characters)'); + return false; + } + + if (!$this->validate_script_structure($custom_code)) { + return false; + } + + if (!$this->validate_code_security($custom_code)) { + return false; + } + + return true; + } + + private function validate_script_structure($custom_code) { + $has_script_tag = strpos($custom_code, '