GoogleReviewHelper/index.html at main · Auxiar/GoogleReviewHelper · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Google Review Helper</title>
  <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=Noto+Sans:wght@400;600;700&family=Noto+Sans+Mono:wght@400;500&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="./CSS/main.css">
</head>

<body>

  <h1>Google Review Helper</h1>
  <p>
    Enter your <strong>Google Places API Key</strong> and a business name or Maps link to retrieve a <strong>Google Review</strong> link, as well as <strong>QR Codes</strong> pointing to the <strong>Google Review Page</strong> and the <strong>Google Maps Page</strong>, and the Business's <strong>Place ID</strong>.
  </p>

  <label>Google Places API Key:
    <input type="text" id="apiKey" placeholder="Your Google Places API Key">
  </label>
  <div class="big-note">
    <p>
      Your API key is saved <strong>locally</strong> in your browser and <strong>never</strong> sent anywhere except back to Google.
    </p>
      The <strong>Google Places API</strong> has a generous free monthly credit of up to <strong>10,000</strong> monthly API calls, meaning for the occasional lookup, this service is basically free to use. However, they do still require you to set up a <strong>Google Developer Account</strong> with a <strong>valid billing account</strong> in order to use this service. If you're using this service to help clients (or yourself) land Google Reviews by simplifying the process for customers, then the small amount of work necessary to set everything up is well worth it.
  </div>
  <div class="note">
    <a href="https://developers.google.com/maps/documentation/places/web-service/get-api-key" target="_blank">
      Get your own Google Places API Key
    </a>
  </div>

  <label>Business name or Google Maps URL:
    <input type="text" id="placeInput" placeholder="Enter business name or Google Maps link">
  </label>

  <button id="fetchBtn">Submit Places Search</button>

  <div id="output">
    <p class="default-output">Waiting for submission...</p>
  </div>

  <div class="big-note note">
  <p>
    Credits:<br>
    Google Places API: <a href="https://console.cloud.google.com/marketplace/product/google/places-backend.googleapis.com?project=big-station-474403-e9" target="_blank">Places API</a> | <a href="https://about.google/company-info/" target="_blank">Google</a><br>
    QR Code Generation: <a href="https://github.com/davidshimjs/qrcodejs" target="_blank">QRCode.js</a> | <a href="https://github.com/davidshimjs" target="_blank">davidshimjs</a><br>
    Code Assist: <a href="https://chat.z.ai/" target="_blank">GLM-4.6</a> | <a href="https://x.com/zai_org" target="_blank">Z.ai</a><br>
  </p>
  <p>
    Note:<br>
    AI was used to turn this full day coding job into an hour-long coding job. I know how to write HTML, program with JS, and style with CSS. I understand how to interact with cloud-based API's and use keys to submit requests to external services. I chose to use GLM-4.6 (and some Claude 4.5) to speed up the creation of this tool by making it do a lot of the gruntwork of setting up the base that I could then tune and tweak to my liking. I just needed a quick and dirty solution to getting a Google review link (and QR codes) quickly and easily without relying on some 3rd party to get it for me. AI assisted me in doing so at a much faster pace than if I had done it on my own. If that upsets you, feel free to write up your own tool and use that instead. Either way, I hope you find use in this tool and enjoy using it for whatever you might need.
  </p>
    Happy Hunting,<br>
    - Auxiar Molkhun -
  </div>

  <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
  <script src="./JS/PlacesHandler.js"></script>
  <script src="./JS/QRCodeHandler.js"></script>
  <script src="./JS/main.js"></script>
</body>

</html>