\n7-10<\/td>\n Story hook or competitive element<\/td>\n Create motivation to return<\/td>\n<\/tr>\n<\/tbody><\/table><\/figure>\n\n\n\nSkip Option for Experienced Players<\/h3>\n\n\n\n Always offer a way to skip the tutorial:<\/p>\n\n\n\n
function TutorialScreen({ stage, onSkip }) {\n return (\n <View>\n <GameView stage={stage} \/>\n\n {stage.id === 'movement' && (\n <SkipButton onPress={onSkip}>\n Skip Tutorial\n <\/SkipButton>\n )}\n <\/View>\n );\n}\n\nfunction handleTutorialSkip(player) {\n \/\/ Grant tutorial completion rewards so they aren't penalized\n grantTutorialRewards(player);\n \/\/ Set all tutorial flags as completed\n markAllTutorialComplete(player);\n \/\/ Navigate to the main game\n navigation.navigate('MainGame');\n}\n<\/code><\/pre>\n\n\n\nPlayers who skip tutorials are often experienced gamers or returning from a reinstall. Don't punish them.<\/p>\n\n\n\n
Deep Links for Gaming Onboarding<\/h2>\n\n\n\nFriend Invite Deep Links<\/h3>\n\n\n\n When a player sends an invite:<\/p>\n\n\n\n
async function createGameInviteLink(player) {\n const link = await Tolinku.createLink({\n path: `\/invite\/${player.id}`,\n params: {\n ref: player.id,\n player_name: player.displayName,\n player_level: player.level,\n reward_type: 'starter_pack',\n },\n ogTitle: `${player.displayName} challenges you to play [Game]`,\n ogDescription: 'Join and get an exclusive starter pack!',\n ogImage: player.customInviteImage || defaultInviteImage,\n });\n\n return link.url;\n}\n<\/code><\/pre>\n\n\n\nHandling Game Invite Deep Links<\/h3>\n\n\n\nasync function handleGameInviteDeepLink(deferred) {\n if (deferred === null) return startStandardOnboarding();\n\n const params = deferred.params;\n\n if (params.ref) {\n \/\/ Player was invited by a friend\n return {\n tutorial: 'abbreviated', \/\/ Shorter tutorial for social players\n reward: {\n type: params.reward_type || 'starter_pack',\n source: 'friend_invite',\n },\n socialContext: {\n friendId: params.ref,\n friendName: params.player_name,\n friendLevel: parseInt(params.player_level),\n },\n firstScreen: 'InviteWelcome',\n };\n }\n\n if (params.mode) {\n \/\/ Deep link to a specific game mode\n return {\n tutorial: 'mode_specific',\n targetMode: params.mode,\n firstScreen: 'ModeIntro',\n };\n }\n\n return startStandardOnboarding();\n}\n<\/code><\/pre>\n\n\n\nReward Deep Links<\/h3>\n\n\n\n Marketing campaigns with in-game rewards:<\/p>\n\n\n\n
async function handleRewardDeepLink(params) {\n if (params.reward_code) {\n const reward = await validateRewardCode(params.reward_code);\n\n if (reward && reward.isValid) {\n \/\/ Grant the reward after tutorial completion\n pendingRewards.add({\n type: reward.type,\n items: reward.items,\n source: 'deep_link',\n grantAfter: 'tutorial_complete',\n });\n\n return {\n tutorial: 'standard',\n showRewardPreview: true,\n rewardPreview: reward,\n };\n }\n }\n}\n<\/code><\/pre>\n\n\n\nSocial Onboarding<\/h2>\n\n\n\nFriend-Invited Player Experience<\/h3>\n\n\n\n Players who arrive via a friend's invite have higher retention potential. Use the social context:<\/p>\n\n\n\n
function InviteWelcomeScreen({ socialContext, reward }) {\n return (\n <Screen>\n <PlayerAvatar playerId={socialContext.friendId} \/>\n <Heading>\n {socialContext.friendName} (Level {socialContext.friendLevel}) invited you!\n <\/Heading>\n\n <RewardPreview reward={reward}>\n <Text>Complete the tutorial to claim your {reward.name}.<\/Text>\n <\/RewardPreview>\n\n <Button onPress={startTutorial}>Play Now<\/Button>\n <\/Screen>\n );\n}\n<\/code><\/pre>\n\n\n\nFriend Connection After Tutorial<\/h3>\n\n\n\n After the tutorial, connect the player to their friend:<\/p>\n\n\n\n
async function postTutorialSocialSetup(player, socialContext) {\n \/\/ Auto-add the inviting friend\n await addFriend(player.id, socialContext.friendId);\n\n \/\/ Show the friend's activity\n navigation.navigate('FriendActivity', {\n friendId: socialContext.friendId,\n message: `You and ${socialContext.friendName} are now friends!`,\n });\n\n \/\/ Grant invite rewards to both\n await grantInviteReward(player.id, 'invited_player');\n await grantInviteReward(socialContext.friendId, 'inviter');\n}\n<\/code><\/pre>\n\n\n\nMonetization in Onboarding<\/h2>\n\n\n\nWhen to Show IAP<\/h3>\n\n\n\n Never show in-app purchase prompts during the tutorial. The player hasn't experienced value yet. Timing:<\/p>\n\n\n\n\n\n\nApproach<\/th>\n Timing<\/th>\n Conversion Rate<\/th>\n<\/tr>\n<\/thead>\n \nDuring tutorial<\/td>\n Too early<\/td>\n < 0.5%<\/td>\n<\/tr>\n \nImmediately after tutorial<\/td>\n Still early<\/td>\n 1-2%<\/td>\n<\/tr>\n \nAfter first real challenge (session 1-2)<\/td>\n Good timing<\/td>\n 3-5%<\/td>\n<\/tr>\n \nAfter first failure\/retry (session 2-3)<\/td>\n Best timing<\/td>\n 5-8%<\/td>\n<\/tr>\n \nAfter reaching a natural paywall<\/td>\n Organic timing<\/td>\n 4-7%<\/td>\n<\/tr>\n<\/tbody><\/table><\/figure>\n\n\n\nStarter Pack Offer<\/h3>\n\n\n\n The best first purchase offer comes after the player understands the game:<\/p>\n\n\n\n
function StarterPackOffer({ player, trigger }) {\n \/\/ Only show after:\n \/\/ 1. Tutorial is complete\n \/\/ 2. Player has played at least 2 sessions\n \/\/ 3. Player has experienced a challenge\n if (player.sessionCount < 2) return null;\n if (player.hasCompletedTutorial === false) return null;\n\n return (\n <Modal>\n <Heading>Starter Pack<\/Heading>\n <Text>Everything you need to level up faster.<\/Text>\n\n <ItemGrid items={starterPackItems} \/>\n\n <PriceTag original="$9.99" discounted="$1.99" \/>\n <Text style={styles.limited}>One-time offer. 80% off.<\/Text>\n\n <Button primary onPress={() => purchaseStarterPack()}>\n Get Starter Pack\n <\/Button>\n <LinkButton onPress={dismiss}>No Thanks<\/LinkButton>\n <\/Modal>\n );\n}\n<\/code><\/pre>\n\n\n\n
![\"Hands](\"https:\/\/tolinku.com\/blog\/wp-content\/uploads\/2026\/03\/mobile-gaming-hands-scaled.jpeg\")
\nPhoto by RDNE Stock project<\/a> on Pexels<\/em><\/p>\n\n\n\n