Skip to content

Commit 6d4c760

Browse files
author
TechStack Global
committed
feat: techstack global perfection pass - batch 1 conversion overhaul
1 parent 7debbba commit 6d4c760

17 files changed

Lines changed: 1226 additions & 387 deletions

‎Plan‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# Foundational Business & Monetization Implementation Plan
2+
3+
This plan outlines the technical steps to transform TechStack Global from a technical project into a revenue-generating affiliate business by implementing legal compliance, advanced tracking, and high-conversion UI components.
4+
5+
## Proposed Changes
6+
7+
### Legal & Compliance Infrastructure
8+
- [NEW] `privacy-policy.html` and `terms-of-service.html` with business-appropriate legal text.
9+
- [MODIFY] [index.html](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/index.html), [blog.html](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/blog.html), [about.html](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/about.html), [contact.html](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/contact.html), and all posts to include the global affiliate notice snippet directly below the navigation.
10+
- [MODIFY] [index.html](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/index.html) footer to link to new legal pages.
11+
12+
### Conversion Optimization (CRO)
13+
- [MODIFY] [index.html](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/index.html): Replace the "Latest Intelligence" / "Recommended" sections with a high-conversion 4-column "Top Tools" comparison grid.
14+
- [MODIFY] [script.js](file:///c:/Users/PMLS/Desktop/Youtube%20Shorts/b2b_blog/script.js): Add `buildAffiliateLink` (UTM builder) and `trackAffiliateClick` (GA4 event) helper functions.
15+
16+
### Link Monetization
17+
- Update Amazon affiliate links with `rel="sponsored"`, `target="_blank"`, and specific UTM parameters (`utm_source=techstackglobal&utm_medium=affiliate&utm_campaign=...`).
18+
19+
---
20+
21+
## Technical Details
22+
23+
### Tracking Logic
24+
- Append `&utm_source=techstackglobal&utm_medium=affiliate&utm_campaign=top_tools_home` to Amazon links.
25+
- GA4 event: `affiliate_click` with `product` and `location` labels.
26+
27+
### Styling Integration
28+
- The `#site-affiliate-notice` will use `background: #0f1724` to match the dark theme while providing clear contrast for legal visibility.
29+
- The "Top Tools" grid will use existing `glass-panel` and `btn-primary` classes to maintain brand consistency.
30+
31+
---
32+
33+
## Verification Plan
34+
35+
### Automated/Manual Checks
36+
- **Link Audit**: Click every CTA in the "Top Tools" grid and verify the final URL contains the correct tags and UTMs.
37+
- **Legal Compliance**: Ensure the disclosure notice appears on every page load across mobile and desktop.
38+
- **Console Check**: Verify `trackAffiliateClick` doesn't throw errors when Google Analytics is not yet fully initialized on the user's end (graceful degradation).

‎about.html‎

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,19 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>About | TechStack Global</title>
7+
<title>About TechStack Global | Our B2B Tech Vetting Methodology</title>
8+
<meta name="description"
9+
content="Learn how TechStack Global vets, tests, and reviews the high-ticket B2B software and hardware that powers modern enterprise tech stacks.">
10+
<meta name="keywords"
11+
content="tech review methodology, B2B software vetting, TechStack Global team, software testing standards">
12+
13+
<!-- OpenGraph / Social Media -->
14+
<meta property="og:type" content="website">
15+
<meta property="og:url" content="https://techstackglobal.github.io/about.html">
16+
<meta property="og:title" content="About TechStack Global | Our B2B Tech Vetting Methodology">
17+
<meta property="og:description" content="Transparency and technical rigor in every review.">
18+
<meta property="og:image" content="https://techstackglobal.github.io/assets/images/og-about.jpg">
19+
820
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
921
rel="stylesheet">
1022
<link rel="stylesheet" href="/style.css">
@@ -27,6 +39,12 @@
2739
</ul>
2840
</nav>
2941
</header>
42+
<!-- Global affiliate notice (non-intrusive) -->
43+
<div id="site-affiliate-notice"
44+
style="background:#0f1724;color:#d1d5db;padding:6px 12px;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);">
45+
<strong>Note:</strong> TechStack Global uses affiliate links — we may earn a commission on purchases at no extra
46+
cost to you.
47+
</div>
3048

3149
<main class="container section-padding" style="margin-top: 80px; max-width: 800px;">
3250
<div class="glass-panel" style="padding: 4rem;">
@@ -59,8 +77,8 @@ <h3>TechStack<span class="accent">Global</span></h3>
5977
<h4>Legal</h4>
6078
<ul>
6179
<li><a href="/affiliate-disclosure.html">Affiliate Disclosure</a></li>
62-
<li><a href="#">Privacy Policy</a></li>
63-
<li><a href="#">Terms of Service</a></li>
80+
<li><a href="/privacy-policy.html">Privacy Policy</a></li>
81+
<li><a href="/terms-of-service.html">Terms of Service</a></li>
6482
</ul>
6583
</div>
6684
<div class="footer-links">
@@ -78,4 +96,4 @@ <h4>Company</h4>
7896
<script src="/script.js"></script>
7997
</body>
8098

81-
</html>
99+
</html>

‎affiliate-disclosure.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,8 +56,8 @@ <h3>TechStack<span class="accent">Global</span></h3>
5656
<h4>Legal</h4>
5757
<ul>
5858
<li><a href="/affiliate-disclosure.html">Affiliate Disclosure</a></li>
59-
<li><a href="#">Privacy Policy</a></li>
60-
<li><a href="#">Terms of Service</a></li>
59+
<li><a href="/privacy-policy.html">Privacy Policy</a></li>
60+
<li><a href="/terms-of-service.html">Terms of Service</a></li>
6161
</ul>
6262
</div>
6363
<div class="footer-links">

‎amazon-stack.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Amazon Product Stack | Vetted Hardware for Founders | TechStack Global</title>
8+
<meta name="description"
9+
content="The ultimate stack of Amazon-sourced hardware for scaling startups. MacBook, Dell XPS, and Surface Laptop benchmarks for 2026.">
10+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
11+
rel="stylesheet">
12+
<link rel="stylesheet" href="/style.css">
13+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
14+
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32.png">
15+
</head>
16+
17+
<body class="dark-theme">
18+
<div class="ambient-grid"></div>
19+
<header class="glass-header">
20+
<nav class="container">
21+
<div class="logo"><a href="/index.html">TechStack<span class="accent">Global</span></a></div>
22+
<ul class="nav-links">
23+
<li><a href="/index.html">Home</a></li>
24+
<li><a href="/amazon-stack.html" class="active">Amazon Stack</a></li>
25+
<li><a href="/blog.html">Software Reviews</a></li>
26+
<li><a href="/about.html">About</a></li>
27+
</ul>
28+
</nav>
29+
</header>
30+
31+
<main class="container section-padding">
32+
<header class="section-header">
33+
<span class="badge">Amazon Associate Stack</span>
34+
<h1>Hardware Benchmarks for <span class="gradient-text">High-Growth Teams</span></h1>
35+
<p>Direct Amazon integrations with standardized technical reviews.</p>
36+
</header>
37+
38+
<div class="blog-grid">
39+
<!-- MacBook Pro -->
40+
<div class="blog-card glass-panel">
41+
<div class="blog-category">Developer Hardware</div>
42+
<h3><a href="/posts/apple-macbook-pro-m4-pro-review.html">Apple MacBook Pro M4 Pro (2024)</a></h3>
43+
<p>The new efficiency benchmark for AI engineers and mobile founders. 20+ hours of battery life and
44+
Thunderbolt 5.</p>
45+
<div class="card-meta">
46+
<span>9.8/10</span>
47+
<a href="/posts/apple-macbook-pro-m4-pro-review.html" class="read-more">Full Analysis &rarr;</a>
48+
</div>
49+
</div>
50+
51+
<!-- Dell XPS 15 -->
52+
<div class="blog-card glass-panel">
53+
<div class="blog-category">Developer Hardware</div>
54+
<h3><a href="/posts/dell-xps-15-9530-review.html">Dell XPS 15 9530</a></h3>
55+
<p>The premier Windows workstation for enterprise software engineering. Dual-SSD slots and upgradeable
56+
RAM.</p>
57+
<div class="card-meta">
58+
<span>9.4/10</span>
59+
<a href="/posts/dell-xps-15-9530-review.html" class="read-more">Full Analysis &rarr;</a>
60+
</div>
61+
</div>
62+
63+
<!-- Surface Laptop Studio 2 -->
64+
<div class="blog-card glass-panel">
65+
<div class="blog-category">Productivity Tech</div>
66+
<h3><a href="/posts/surface-laptop-studio-2-review.html">Surface Laptop Studio 2</a></h3>
67+
<p>The ultimate agile workstation for product managers and creative leads. Unique floating pull-forward
68+
display.</p>
69+
<div class="card-meta">
70+
<span>9.2/10</span>
71+
<a href="/posts/surface-laptop-studio-2-review.html" class="read-more">Full Analysis &rarr;</a>
72+
</div>
73+
</div>
74+
</div>
75+
</main>
76+
77+
<footer class="glass-footer">
78+
<div class="container footer-content">
79+
<div class="footer-brand">
80+
<h3>TechStack<span class="accent">Global</span></h3>
81+
<p>The definitive guide to elite B2B tech platforms.</p>
82+
</div>
83+
<div class="footer-links">
84+
<h4>Legal</h4>
85+
<ul>
86+
<li><a href="/affiliate-disclosure.html">Affiliate Disclosure</a></li>
87+
<li><a href="/privacy-policy.html">Privacy Policy</a></li>
88+
</ul>
89+
</div>
90+
</div>
91+
<div class="container footer-bottom">
92+
<p>&copy; 2026 TechStack Global. All rights reserved.</p>
93+
</div>
94+
</footer>
95+
<script src="/script.js"></script>
96+
</body>
97+
98+
</html>

‎blog.html‎

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,19 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>TechStack Global | B2B SaaS Reviews & Guides</title>
7+
<title>B2B SaaS Reviews & Startup Guides | TechStack Global</title>
8+
<meta name="description"
9+
content="In-depth reviews and technical deep dives into the software powering modern startups. Compare B2B SaaS, hosting, and AI tools.">
10+
<meta name="keywords"
11+
content="SaaS reviews, B2B software, startup tools, tech stack reviews, business software comparison">
12+
13+
<!-- OpenGraph / Social Media -->
14+
<meta property="og:type" content="website">
15+
<meta property="og:url" content="https://techstackglobal.github.io/blog.html">
16+
<meta property="og:title" content="B2B SaaS Reviews & Startup Guides | TechStack Global">
17+
<meta property="og:description" content="Compare and choose the best tools for your startup.">
18+
<meta property="og:image" content="https://techstackglobal.github.io/assets/images/og-blog.jpg">
19+
820
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
921
rel="stylesheet">
1022
<link rel="stylesheet" href="/style.css">
@@ -29,6 +41,12 @@
2941
</ul>
3042
</nav>
3143
</header>
44+
<!-- Global affiliate notice (non-intrusive) -->
45+
<div id="site-affiliate-notice"
46+
style="background:#0f1724;color:#d1d5db;padding:6px 12px;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);">
47+
<strong>Note:</strong> TechStack Global uses affiliate links — we may earn a commission on purchases at no extra
48+
cost to you.
49+
</div>
3250

3351
<main class="container section-padding" style="margin-top: 80px;">
3452
<div class="section-header">
@@ -89,8 +107,8 @@ <h3>TechStack<span class="accent">Global</span></h3>
89107
<h4>Legal</h4>
90108
<ul>
91109
<li><a href="/affiliate-disclosure.html">Affiliate Disclosure</a></li>
92-
<li><a href="#">Privacy Policy</a></li>
93-
<li><a href="#">Terms of Service</a></li>
110+
<li><a href="/privacy-policy.html">Privacy Policy</a></li>
111+
<li><a href="/terms-of-service.html">Terms of Service</a></li>
94112
</ul>
95113
</div>
96114
<div class="footer-links">
@@ -108,4 +126,4 @@ <h4>Company</h4>
108126
<script src="/script.js"></script>
109127
</body>
110128

111-
</html>
129+
</html>

‎contact.html‎

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,19 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Contact | TechStack Global</title>
7+
<title>Contact TechStack Global | Partner with the B2B Authority</title>
8+
<meta name="description"
9+
content="Have questions about a specific tech stack or interested in partnership opportunities? Get in touch with the TechStack Global team today.">
10+
<meta name="keywords"
11+
content="contact TechStack Global, SaaS partnerships, tech review inquiry, business software consulting">
12+
13+
<!-- OpenGraph / Social Media -->
14+
<meta property="og:type" content="website">
15+
<meta property="og:url" content="https://techstackglobal.github.io/contact.html">
16+
<meta property="og:title" content="Contact TechStack Global | Partner with the B2B Authority">
17+
<meta property="og:description" content="Reach out to our experts for tech stack advice and partnerships.">
18+
<meta property="og:image" content="https://techstackglobal.github.io/assets/images/og-contact.jpg">
19+
820
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
921
rel="stylesheet">
1022
<link rel="stylesheet" href="/style.css">
@@ -27,6 +39,12 @@
2739
</ul>
2840
</nav>
2941
</header>
42+
<!-- Global affiliate notice (non-intrusive) -->
43+
<div id="site-affiliate-notice"
44+
style="background:#0f1724;color:#d1d5db;padding:6px 12px;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);">
45+
<strong>Note:</strong> TechStack Global uses affiliate links — we may earn a commission on purchases at no extra
46+
cost to you.
47+
</div>
3048

3149
<main class="container section-padding" style="margin-top: 80px; max-width: 600px;">
3250
<div class="glass-panel" style="padding: 4rem;">
@@ -39,7 +57,7 @@ <h1 style="font-size: 2.5rem; margin-bottom: 2rem;">Get in <span class="accent">
3957
style="padding: 1rem; border-radius: 8px; border: 1px solid var(--border-glass); background: rgba(0,0,0,0.3); color: white; width: 100%; font-family: inherit;">
4058
<textarea name="message" placeholder="Your Message" rows="5" required
4159
style="padding: 1rem; border-radius: 8px; border: 1px solid var(--border-glass); background: rgba(0,0,0,0.3); color: white; width: 100%; font-family: inherit; resize: vertical;"></textarea>
42-
<input type="hidden" name="_next" value="https://techstackglobal.github.io/b2b_blog/">
60+
<input type="hidden" name="_next" value="https://techstackglobal.github.io/">
4361
<button type="submit" class="btn-primary" style="font-size: 1.1rem;">Send Message</button>
4462
</form>
4563
</div>
@@ -54,8 +72,8 @@ <h3>TechStack<span class="accent">Global</span></h3>
5472
<h4>Legal</h4>
5573
<ul>
5674
<li><a href="/affiliate-disclosure.html">Affiliate Disclosure</a></li>
57-
<li><a href="#">Privacy Policy</a></li>
58-
<li><a href="#">Terms of Service</a></li>
75+
<li><a href="/privacy-policy.html">Privacy Policy</a></li>
76+
<li><a href="/terms-of-service.html">Terms of Service</a></li>
5977
</ul>
6078
</div>
6179
<div class="footer-links">
@@ -73,4 +91,4 @@ <h4>Company</h4>
7391
<script src="/script.js"></script>
7492
</body>
7593

76-
</html>
94+
</html>

0 commit comments

Comments
 (0)