SaneSales/docs/how-to-track-stripe-revenue-mac-iphone.html at main · sane-apps/SaneSales · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>How to Track Stripe Revenue on Mac &amp; iPhone (2026)</title>
    <meta name="description" content="Connect Stripe to SaneSales and see subscriptions, one-time payments, and refunds in a native Mac and iPhone app. No cloud dashboard needed.">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="canonical" href="https://sanesales.com/how-to-track-stripe-revenue-mac-iphone.html">
  <meta property="og:type" content="website">
  <meta property="og:title" content="How to Track Stripe Revenue on Mac &amp; iPhone (2026)">
  <meta property="og:description" content="Connect Stripe to SaneSales and see subscriptions, one-time payments, and refunds in a native Mac and iPhone app. No cloud dashboard needed.">
  <meta property="og:url" content="https://sanesales.com/how-to-track-stripe-revenue-mac-iphone.html">
  <meta property="og:image" content="https://sanesales.com/images/og-image.png?v=20260616-card">
  <meta property="og:image:secure_url" content="https://sanesales.com/images/og-image.png?v=20260616-card">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="SaneSales preview card for indie revenue tracking">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://sanesales.com/how-to-track-stripe-revenue-mac-iphone.html">
  <meta name="twitter:title" content="How to Track Stripe Revenue on Mac &amp; iPhone (2026)">
  <meta name="twitter:description" content="Connect Stripe to SaneSales and see subscriptions, one-time payments, and refunds in a native Mac and iPhone app. No cloud dashboard needed.">
  <meta name="twitter:image" content="https://sanesales.com/images/og-image.png?v=20260616-card">
  <meta name="twitter:image:alt" content="SaneSales preview card for indie revenue tracking">
    <meta name="theme-color" content="#08080c">
    <meta property="og:site_name" content="SaneSales">
    <meta name="twitter:site" content="@saneapps">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet">
    <style>
        :root { --bg-primary: #08080c; --bg-card: #16161f; --accent: #4f8ffa; --accent-glow: rgba(79, 143, 250, 0.25); --text-primary: #f5f5f8; --text-secondary: #c0c0d0; --text-muted: #a0a0b0; --border: #252530; --success: #34d399; }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'DM Sans', sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.7; font-size: 18px; }
        nav { padding: 20px 0; position: fixed; top: 0; left: 0; right: 0; background: rgba(10, 10, 15, 0.85); backdrop-filter: blur(20px); z-index: 100; border-bottom: 1px solid var(--border); }
        .container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
        nav .container { display: flex; justify-content: space-between; align-items: center; max-width: 1100px; }
        .logo { display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 1.25rem; text-decoration: none; color: var(--text-primary); }
        .logo img { width: 32px; height: 32px; border-radius: 8px; }
        article.container { padding: 220px 24px 100px !important; }
        h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 6vw, 3.5rem); line-height: 1.1; margin-bottom: 32px; }
        h2 { font-family: 'Playfair Display', serif; font-size: 2rem; margin: 48px 0 20px; border-bottom: 1px solid var(--border); padding-bottom: 12px; }
        p { margin-bottom: 24px; color: var(--text-secondary); }
        .option-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 32px; margin-bottom: 24px; }
        .winner-card { border-color: var(--accent); background: linear-gradient(180deg, rgba(79, 143, 250, 0.05) 0%, var(--bg-card) 100%); }
        .step-list { list-style: none; margin: 0; }
        .step-list li { margin-bottom: 16px; display: flex; gap: 16px; font-size: 16px; }
        .icon { flex-shrink: 0; width: 24px; text-align: center; font-weight: bold; color: var(--accent); }
        .icon-check { color: var(--success); }
        .cta-box { margin-top: 40px; text-align: center; }
        .btn-large { display: inline-block; background: var(--accent); color: white; padding: 18px 48px; border-radius: 14px; text-decoration: none; font-weight: 700; transition: transform 0.3s; box-shadow: 0 8px 30px var(--accent-glow); }
        .btn-large:hover { transform: translateY(-3px); }
        footer { padding: 60px 0; border-top: 1px solid var(--border); text-align: center; color: var(--text-muted); font-size: 14px; }
        footer a { color: var(--accent); text-decoration: none; }
        @media (max-width: 768px) { article.container { padding-top: 140px !important; } h1 { font-size: 2rem; } }

/* Mobile Guide Guardrails */
@media (max-width: 768px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        overflow-x: hidden;
        font-size: 16px;
        line-height: 1.65;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    nav {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    nav .container,
    .nav-content,
    .header-content {
        gap: 10px;
    }

    .nav-links {
        gap: 12px !important;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .nav-links a {
        font-size: 0.88rem;
        white-space: nowrap;
    }

    .btn-primary {
        padding: 8px 14px;
    }

    .header,
    .hero {
        padding-top: 140px !important;
    }

    h1 {
        font-size: clamp(1.9rem, 8.2vw, 2.45rem) !important;
        line-height: 1.18;
        letter-spacing: -0.015em;
        text-wrap: balance;
    }

    h2 {
        font-size: clamp(1.35rem, 5.9vw, 1.78rem) !important;
        line-height: 1.24;
        text-wrap: balance;
    }

    h3 {
        font-size: clamp(1.08rem, 4.9vw, 1.34rem) !important;
        line-height: 1.3;
        text-wrap: balance;
    }

    p,
    li {
        font-size: 0.98rem;
        line-height: 1.65;
        overflow-wrap: break-word;
    }

    article,
    article.container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .subtitle,
    .tagline,
    .header p,
    .guide-card p,
    .option-card p,
    .support-text {
        font-size: 0.98rem !important;
        line-height: 1.65;
        max-width: 68ch;
    }

    .guides-grid,
    .apps-grid,
    .faq-grid,
    .pros-cons,
    .comparison,
    .highlight-content,
    .sustainability-options {
        grid-template-columns: 1fr !important;
    }

    .option-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    pre,
    table,
    .table-wrapper,
    .comparison-table-wrapper,
    .code-block {
        max-width: 100%;
    }

    pre,
    .table-wrapper,
    .comparison-table-wrapper,
    .code-block {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        min-width: 520px;
    }

    .code-block,
    pre {
        font-size: 0.82rem;
    }
}


    </style>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"How to Track Stripe Revenue on Mac & iPhone","author":{"@type":"Person","name":"Mr. Sane"},"publisher":{"@type":"Organization","name":"SaneSales","url":"https://sanesales.com","logo":{"@type":"ImageObject","url":"https://sanesales.com/images/branding.png"}},"datePublished":"2026-02-10","dateModified":"2026-02-10","image":"https://sanesales.com/images/og-image.png","mainEntityOfPage":{"@type":"WebPage","@id":"https://sanesales.com/how-to-track-stripe-revenue-mac-iphone.html"}}</script>
</head>
<body>
    <nav><div class="container"><a href="index.html" class="logo"><img src="images/branding.png" alt="SaneSales"> SaneSales</a><a href="guides.html" style="color: var(--text-secondary); text-decoration: none;">&larr; All Guides</a></div></nav>
    <article class="container">
        <h1>How to Track Stripe Revenue on Mac &amp; iPhone</h1>
        <p>Stripe powers millions of businesses, but its dashboard is designed for finance teams at large companies &mdash; not indie developers checking revenue between commits. Here's how to get your Stripe numbers without the complexity.</p>

        <div class="option-card">
            <h2>The Dashboard Way</h2>
            <ul class="step-list">
                <li><span class="icon">1</span> <div>Open <strong>dashboard.stripe.com</strong> in your browser</div></li>
                <li><span class="icon">2</span> <div>Navigate through <strong>Payments &rarr; All payments</strong>, apply date filters</div></li>
                <li><span class="icon">3</span> <div>Check <strong>Billing &rarr; Subscriptions</strong> separately for recurring revenue</div></li>
                <li><span class="icon">4</span> <div>Open yet another tab for <strong>Refunds</strong></div></li>
                <li><span class="icon">5</span> <div>Try to combine Stripe + LemonSqueezy + Gumroad in your head</div></li>
            </ul>
        </div>

        <div class="option-card winner-card">
            <h2>The SaneSales Way</h2>
            <ul class="step-list">
                <li><span class="icon icon-check">&#10003;</span> <div><strong>Settings &rarr; Stripe &rarr; Paste Secret Key.</strong> Connected in seconds.</div></li>
                <li><span class="icon icon-check">&#10003;</span> <div>Subscriptions and one-time payments <strong>unified in one view</strong></div></li>
                <li><span class="icon icon-check">&#10003;</span> <div><strong>Refunds deducted automatically</strong> from your revenue totals</div></li>
                <li><span class="icon icon-check">&#10003;</span> <div>Stripe revenue shown <strong>alongside LemonSqueezy and Gumroad</strong></div></li>
                <li><span class="icon icon-check">&#10003;</span> <div>Your secret key stays in the <strong>device Keychain</strong> &mdash; never leaves your Mac or iPhone</div></li>
            </ul>
            <div class="cta-box">
                <a href="https://go.saneapps.com/buy/sanesales?ref=guide-stripe" class="btn-large">Get SaneSales Pro &mdash; $9.99 once</a>
                <p style="margin-top: 14px; color: var(--text-secondary); font-size: 0.95rem;">Full Pro for 14 days. Then $9.99 once to keep using it. No subscription.</p>
            </div>
        </div>

        <h2>Where to Find Your Stripe Secret Key</h2>
        <p>Go to <strong>dashboard.stripe.com/apikeys</strong>. Copy your <strong>Secret key</strong> (starts with <code>sk_live_</code>). Paste it into SaneSales Settings. Use a restricted key with read-only permissions if you prefer. SaneSales only reads charges, refunds, and products &mdash; it never creates or modifies anything in your Stripe account.</p>
    </article>
    <footer style="padding: 40px 0 30px; border-top: 1px solid var(--border); text-align: center; margin-top: 60px;">
        <div style="max-width: 800px; margin: 0 auto; padding: 0 24px;">
            <div style="display: flex; gap: 24px; justify-content: center; margin-bottom: 16px; flex-wrap: wrap;">
                <a href="index.html" style="color: var(--text-muted); text-decoration: none; font-size: 0.9rem;">Home</a>
                <a href="guides.html" style="color: var(--text-muted); text-decoration: none; font-size: 0.9rem;">Guides</a>
                <a href="https://github.com/sane-apps/SaneSales" style="color: var(--text-muted); text-decoration: none; font-size: 0.9rem;">GitHub</a>
                <a href="privacy.html" style="color: var(--text-muted); text-decoration: none; font-size: 0.9rem;">Privacy</a>
                <a href="mailto:hi@saneapps.com" style="color: var(--text-muted); text-decoration: none; font-size: 0.9rem;">Contact</a>
            </div>
            <p style="color: var(--text-muted); font-size: 0.85rem;">Made with ❤️ in America by Mr. Sane &middot; &copy; 2026 SaneApps</p>
        </div>
    </footer>
</body>
</html>