<h3 dir="auto">Description</h3>
<p dir="auto">Following Pull Request proposes adding new query parameter to login page that allows to specify OAuth provider that user<br>
would use for logging in.</p>
<h3 dir="auto">Usage</h3>
<p dir="auto">Navigating user to <code class="notranslate">https://openstreetmap.com/login?&autologin_provider=google</code> would automatically trigger redirect to Google Sign In.<br>
Parameter accepts values such as <code class="notranslate">google</code>, <code class="notranslate">facebook</code>, <code class="notranslate">microsoft</code>, <code class="notranslate">github</code>, <code class="notranslate">wikipedia</code>.</p>
<h3 dir="auto">Motivation</h3>
<p dir="auto">I am founder of <a href="https://aedmapa.pl/" rel="nofollow">https://aedmapa.pl/</a> mobile app that allows users to browse nearby Automated External Defibrillators (AEDs).<br>
My app allows to contribute to OSM database by adding new AEDs. I'm trying to improve contribution experience.</p>
<p dir="auto">I get a lot of emails from users that asks for support adding new AEDs. In my app there is a flow for adding new AED. It looks like that:</p>
<ol dir="auto">
<li>Login (show OpenStreetMap OAuth screen)</li>
<li>Authenticate (user successfully signed in using OSM account)</li>
<li>Select desired location</li>
<li>Insert AED</li>
</ol>
<a href="https://github.com/user-attachments/assets/e8885f34-0419-4433-81a9-70d5dfe07f4b">Untitled.report.1.png (view on web)</a>
<p dir="auto"><strong>Looking at conversation metrics, there is a big 93% drop-off during login process.</strong><br>
I was trying to investigate this drop-off and I've few hypothesis (mostly gathered from email / phone conversations with users).</p>
<ul dir="auto">
<li>Most of my users are not OpenStreetMap contributors - my app is a first contact for them with OSM data. They don't have OpenStreetMap account.</li>
<li>Users says they don't want to create new account</li>
<li>Google Sign In button is simply hidden until the first scroll (please see screenshot).</li>
</ul>
<a href="https://github.com/user-attachments/assets/58025283-856e-4774-9e2a-72e2def47b75">IMG_0593.PNG (view on web)</a>
<p dir="auto">In Polish Language version, the buttons are completely invisible.</p>
<a href="https://github.com/user-attachments/assets/f4c5db92-26d6-4b37-a96e-d04b3ccda1a5">IMG_0594.PNG (view on web)</a>
<p dir="auto">My proposed solution to the problem is to automatically trigger Google Sign In flow. Following PR implements this on OSM website side.</p>
<h3 dir="auto">How has this been tested?</h3>
<p dir="auto">This code has been tested on my local development machine with multiple values passed as query parameter.</p>
<hr>
<h4>You can view, comment on, or merge this pull request online at:</h4>
<p> <a href='https://github.com/openstreetmap/openstreetmap-website/pull/6248'>https://github.com/openstreetmap/openstreetmap-website/pull/6248</a></p>
<h4>Commit Summary</h4>
<ul>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/6248/commits/0ca01d90f6d26ef251aee2a2fb9266b8523b8b6d" class="commit-link">0ca01d9</a> feat: add autologin_provider parameter for automatic 3rd party OAuth provider redirect</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/6248/commits/2259e21233bb82527c752db9c70d09ab431a10dc" class="commit-link">2259e21</a> feat: add autologin_provider parameter for automatic 3rd party OAuth provider redirect</li>
</ul>
<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/6248/files">2 files</a>)</p>
<ul>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/6248/files#diff-4218c327342777c9de158b4e68cf4c6ef8e5b10cbb8f6aaf4944705d221821ab">app/assets/javascripts/auth_providers.js</a>
(10)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/6248/files#diff-b4fc005393d27baeb208c32dfc3bd576364fa35e6d76a69ea8b99da62616f80e">app/helpers/user_helper.rb</a>
(4)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/6248.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/6248.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/6248.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/6248.diff</a></li>
</ul>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6248">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMR6FEHJABRFO7SJ7D3KJKZHAVCNFSM6AAAAACCMCLWFKVHI2DSMVQWIX3LMV43ASLTON2WKOZTGI3DGNZVGUZDOMQ">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLKI5ZY273NAPHQQHLT3KJKZHA5CNFSM6AAAAACCMCLWFKWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHMFCHUBA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/6248</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/6248",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/6248",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>