מוסיפים את קטע הקוד הבא לכל דף שבו רוצים להציג את 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 לא תכסה
הקטע הזה רלוונטי רק כש-FedCM מושבת, וכש-FedCM מופעל, הדפדפן מציג בקשות משתמש מעל תוכן הדף.
כדי לוודא שמשתמשי הקצה יראו את כל המידע המוצג, אסור שתוכן אחר יכסה את Google One Tap. אחרת, במקרים מסוימים, יכול להיות שיופעלו חלונות קופצים.
חשוב לבדוק היטב את הפריסה של הדף ואת מאפייני ה-z-index של הרכיבים, כדי לוודא ש-Google One Tap לא מכוסה על ידי תוכן אחר בשום שלב. שינוי תהליך השימוש בממשק המשתמש עשוי להתרחש גם אם רק פיקסל אחד מהגבולות מכוסה.