מוסיפים את קטע הקוד הבא לכל דף שבו רוצים להציג את Google One Tap:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-login_uri="https://your.domain/your_login_endpoint"
data-your_own_param_1_to_login="any_value"
data-your_own_param_2_to_login="any_value">
</div>
המאפיין data-login_uri הוא ה-URI של נקודת הקצה להתחברות באפליקציית האינטרנט שלכם. אפשר להוסיף מאפייני נתונים בהתאמה אישית, שנשלחים לנקודת הקצה להתחברות עם אסימון המזהה שאוחזר מ-Google.
הרשימה המלאה של מאפייני הנתונים מופיעה בדף חומר העזר בנושא g_id_onload.
אין לכסות את Google One Tap
הקטע הזה רלוונטי רק כש-FedCM מושבת. כש-FedCM מופעל, ההנחיות למשתמש מוצגות בדפדפן מעל תוכן הדף.
כדי לוודא שמשתמשי הקצה רואים את כל המידע שמוצג, צריך להקיש על Google One Tap לא נכללות באף תוכן אחר. אחרת, יכול להיות שבמקרים מסוימים יוצגו חלונות קופצים.
בדיקה חוזרת של פריסת הדף והרכיבים כדי לוודא ש-z-index שום תוכן אחר לא מכוסה ב-Google One Tap בכל שלב. תהליך חוויית המשתמש מופעל שינוי גם כאשר רק פיקסל אחד בגבולות מכוסה.