Beetle Tracking – Cloudflare Zaraz for WooCommerce vs Edge Images

Beetle Tracking: Plug and Play Server-Side Tracking for WordPress Are you tired of spending money on high-cost marketing campaigns that aren’t delivering results? Beetle Tracking gives you the clear view you need to understand your website visitors and target your campaigns more effectively. The Blurry Vision Problem Imagine you’re the owner of a thriving online store. You’ve got amazing products, and you want to attract as many customers as possible, but you’re wearing blurry glasses. This means you can’t see your customers clearly, so you can’t market your products effectively. The Solution: New Crystal Clear Glasses Introducing Beetle Tracking, your new pair of marketing glasses.It helps you see your customers clearly, so you can understand their needs and preferences better. This means you can target your marketing efforts more accurately and spend less money on advertising. With Beetle Tracking, you’ll be able to connect with your customers on a deeper level and increase your sales. Beetle Tracking is your most dedicated employee. It works tirelessly behind the scenes to collect accurate data, so you can make informed decisions and grow your business. Key Benefits of Beetle Tracking: ✅ 20-40% More Accurate Data: With Beetle Tracking’s server-side tracking, you capture up to 40% more data than traditional client-side methods, which are often blocked by ad blockers or restricted by browsers. This gives you a more complete understanding of your users’ behavior, directly improving your marketing insights. ✅ Boost Your Ad Campaigns: More accurate data fuels the algorithms behind Google Ads, Facebook, and other advertising platforms. This leads to higher conversion rates, as you can fine-tune your targeting, resulting in better-performing campaigns and more return on your ad spend. ✅ Lower Ad Costs: By leveraging the full potential of server-side tracking, you cut wasted ad spend. With enhanced data accuracy, you can spend less on ads while achieving better results, maximizing the efficiency of your campaigns. ✅ Simple Plug-and-Play effortless Setup: Unlike other server-side tracking solutions on the market, which often require complex setups and tech specialists, Beetle Tracking is designed for non-tech users, webshop owners, marketing people and agencies. It’s an easy-to-install WordPress plugin that gets you up and running in minutes – no coding or expertise required. ✅ Faster Site Speed: By moving tracking processes to the server, Beetle Tracking reduce the load on your customer’s browser, making it faster and more responsive for visitors, ensuring a smoother user experience. This leads to lower bounce rates and more engagement. ✅ Enhanced Privacy Compliance: Stay ahead of privacy regulations like GDPR and CCPA. With server-side tracking, you’re in control of user data and can securely manage how it’s processed. ✅ Works with All Popular Platforms: Easily integrate with platforms like Google Analytics, Meta Pixel (Facebook), Google Ads, LinkedIn, Pinterest, Bing and TikTok without technical headaches. ✅ Free and Pro Versions: Start with the free version of Beetle Tracking to enhance your tracking, or upgrade to the Pro version to unlock powerful features like: Beetle Consent: A GDPR-compliant, customizable cookie banner that helps you collect valid consents from all users, ensuring full compliance with privacy laws. Gravity Forms Tracking: Automatically track form submissions with form ID and title, working seamlessly with both AJAX and traditional page reload submissions. Page Scroll Measurement: Gain deeper insights into how far users scroll on your pages and optimize content accordingly. Conversion Recovery: With Pro, Beetle Tracking ensures you capture purchase events even when users don’t return to the “thank you” page. By matching checkout information with the payment gateway’s order status, purchase data is sent server-to-server, ensuring complete and accurate tracking of every sale. Consent Management: Putting You in Control (For Beetle Tracking Pro) Building trust is key to any successful business. With the ever-changing landscape of data privacy regulations, it’s crucial to ensure you’re collecting user data ethically and transparently. That’s where Beetle Consent comes in (included in Beetle Tracking Pro). This powerful feature makes managing user consent a breeze: Easy-to-customize consent banners: Create clear and user-friendly banners that inform visitors about how their data is used. Granular control: Allow users to choose exactly which data they’re comfortable sharing. Compliance with regulations: Stay ahead of the curve by ensuring your website adheres to data privacy regulations like GDPR and CCPA. With Beetle Consent, you can focus on building relationships with your customers, knowing you’re handling their data responsibly. Why Choose Beetle Tracking? Beetle Tracking is built for webshop owners who care about their customers’ experience and want to ensure that every conversion is accurately tracked. Unlike client-side tracking, our server-side solution works behind the scenes to capture every detail while improving your site’s performance. With just a few clicks, you can unlock the full potential of your tracking, boosting both your insights and your bottom line. Ready to upgrade your tracking? Install Beetle Tracking today and take control of your data like never before. Learn More at beetle-tracking.com External Services This plugin connects to the following external services: Cloudflare Zaraz API Beetle Tracking uses the Cloudflare Zaraz API to send tracking events server-side. When enabled, the plugin sends event data to Cloudflare’s edge network for processing and forwarding to your configured analytics platforms. When data is sent: Event data is transmitted when users interact with your website (page views, add to cart, purchases, etc.) and when you push configuration settings to Cloudflare. What data is sent: Event names, timestamps, page URLs, product information, and user identifiers that you configure in the plugin settings. Service links: – Cloudflare Terms of Service – Cloudflare Privacy Policy – Cloudflare Zaraz Documentation Source Code The JavaScript files in this plugin are compiled from source files using standard WordPress build tools. Build process: – Source files are located in the src/js/ directory – Uses @wordpress/scripts for compilation – Run npm install then npm run build to rebuild from source The full source code is included in the plugin and can be found in the src/ directory.

Edge Images automatically uses your edge transformation service (e.g., Cloudflare, Accelerated Domains, Imgix, etc.) to apply performance optimizations to markup. ⚠️ Important: This plugin requires a supported edge provider with image transformation features enabled (e.g., Cloudflare Pro, BunnyCDN, etc). See the Requirements section for details. 🚀 Why should I use Edge Images? Instant Performance Boost: Automatically optimize and serve images in modern formats (WebP/AVIF) through your existing CDN Zero Configuration: Works out of the box with your existing images and themes No Local Processing: All transformations happen at the edge – no server load or storage overhead Perfectly Sized Images: Automatically generates the exact image dimensions needed for every device and viewport Cost Effective: No need for expensive image optimization services or additional storage 🎯 Perfect For Sites with lots of images that need optimization Performance-focused developers and site owners Anyone using Cloudflare, BunnyCDN, or similar services Sites that want modern image formats without the complexity Developers tired of managing multiple image sizes 💡 How It Works WordPress typically creates multiple copies of each uploaded image in different sizes. This approach is inefficient and often results in: Images that are too large or small for their display size Unnecessary storage usage Missing sizes for modern responsive designs Lack of modern format support (WebP/AVIF) Edge Images solves these problems by: Intercepting image requests Determining the optimal size and format needed Using your CDN to transform the image on-demand Caching the result for future requests ⚡️ Features Core Features Automatic WebP/AVIF conversion Intelligent responsive image handling Smart srcset generation Automatic image optimization Optional element wrapping Zero local processing Maintains original images Advanced Features Fine-grained transformation control Multiple CDN provider support Developer-friendly filters Yoast SEO & Rank Math integrations Bricks integration Gutenberg compatibility 🔌 Supported Providers Cloudflare (Pro plan or higher) Accelerated Domains BunnyCDN Imgix 🛠️ Technical Example Your Code echo wp_get_attachment_image(1, [640,400], false, ['fit' => 'contain']); What WordPress Usually Outputs That’s multiple different images files, none of which are the right size! What Edge Images Outputs That’s a range of perfectly sized options for different devices and viewports, automatically optimized images in modern formats, served from your CDN, futureproofed for supporting next-generation capabilities, and with no storage overheads. 🎨 Customization Transform Parameters Control every aspect of image transformation with attributes like: * width/height: Exact dimensions * fit: Resizing behavior (contain, cover, crop) * quality: Compression level * format: Output format (auto, webp, avif) Filtering Disable transformations globally or selectively: // Disable all transformations add_filter('edge_images_disable', '__return_true'); // Disable for specific images add_filter('edge_images_disable_transform', function($should_disable, $html) { if (strpos($html, 'example.jpg') !== false) { return true; } return $should_disable; }, 10, 2); // Override max width for constrained content add_filter('edge_images_max_width', function($max_width) { // Example: Use a different max width for single posts if (is_single()) { return 800; } return $max_width; }); // Customize srcset width multipliers add_filter('edge_images_width_multipliers', function($multipliers) { // Add more granular steps between sizes return [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2]; }); 🔧 Requirements Essential A supported edge provider with image transformation features enabled: Cloudflare Pro plan or higher with Image Resizing enabled Accelerated Domains with Image Resizing enabled BunnyCDN with Image Processing enabled Imgix with a configured source Technical PHP 7.4 or higher WordPress 5.9 or higher ✅ Getting Started Install and activate the plugin Go to Settings > Edge Images Select your CDN provider That’s it! Your images will now be automatically optimized 🤝 Integrations Yoast SEO Automatically optimizes images in: Meta tags (og:image, etc.) Schema.org output XML sitemaps 🔒 Privacy Edge Images processes images through third-party edge providers. Here’s what you need to know about privacy: Data Processing Images are processed through your chosen edge provider (Cloudflare, Accelerated Domains, etc.) No personal data is collected or stored by the plugin itself Image URLs are passed to the edge provider for transformation Original images remain on your server; only public URLs are processed Edge Provider Privacy Different providers have different privacy implications: Cloudflare: Images are processed according to Cloudflare’s Privacy Policy Accelerated Domains: Images are processed according to Accelerated Domains’ Privacy Policy BunnyCDN: Images are processed according to BunnyCDN’s Privacy Policy Data Storage The plugin stores your selected settings in your WordPress database No user data is collected or stored No analytics or tracking is performed Cache files may be created in your uploads directory for optimization GDPR Compliance The plugin is GDPR-compliant as it does not collect, store, or process personal data Users should review their chosen edge provider’s privacy policy and data processing terms Site owners should update their privacy policy to reflect their use of third-party image processing services Development GitHub Repository Report Issues