Instagram Competitor Analytics

\n {competitors.map(competitor => (\n \n ))}\n

\n\n

Follower Growth

\n Current Followers: {formatNumber(selectedCompetitor.followers)}\n = 0 ? 'positive' : 'negative'}`}>\n {selectedCompetitor.followersGrowth >= 0 ? '▲' : '▼'}\n {Math.abs(selectedCompetitor.followersGrowth)}%\n \n

\n\n

Engagement Metrics

Average Engagement Rate: {selectedCompetitor.avgEngagementRate}%

\n\n

Audience Demographics

Age Groups

\n {Object.entries(selectedCompetitor.audienceDemographics.ageGroups).map(([age, percentage]) => (\n

{age}: {percentage}%

\n ))}\n

Gender Split

\n {Object.entries(selectedCompetitor.audienceDemographics.genderSplit).map(([gender, percentage]) => (\n

{gender}: {percentage}%

\n ))}\n

\n\n

Story Performance

Views: {formatNumber(selectedCompetitor.storyPerformance.views)}

Interactions: {formatNumber(selectedCompetitor.storyPerformance.interactions)}

Completion Rate: {selectedCompetitor.storyPerformance.completionRate}%

\n\n \n

\n );\n}\n\n// CSS remains the same as in the previous implementation\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.dashboard {\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.competitor-selection {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n gap: 10px;\n}\n\n.competitor-selection button {\n padding: 10px 20px;\n background-color: #f4f4f4;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.competitor-selection button.active {\n background-color: #007bff;\n color: white;\n}\n\n.trend-positive {\n color: green;\n}\n\n.trend-negative {\n color: red;\n}\n`;\n\nconst advancedAnalyticsCSS = `\n.advanced-analytics-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-top: 20px;\n}\n\n.advanced-analytics-grid > div {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n padding: 15px;\n}\n\n.post-performance-card {\n display: flex;\n justify-content: space-between;\n background-color: #f4f4f4;\n margin-bottom: 10px;\n padding: 10px;\n border-radius: 4px;\n}\n\n.hashtag-filter {\n margin-bottom: 10px;\n}\n`;\n\nconst finalCSS = css + advancedAnalyticsCSS;\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Instagram Competitor Analytics\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}",[],[172],"files",[152,170],"counts",{"_182":32,"_183":101,"_184":32,"_185":186},"pulls","branches","forks","envVars",{"_187":32,"_188":32},"count","emptyCount","contents",[],{"_104":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":101,"_159":118,"_106":192,"_100":32,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":193},["D",1739796192937],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":202,"_150":207,"_178":214,"_162":215,"_189":217,"_218":-5,"_219":-5,"_220":-5,"_221":-5,"_222":223},{"_104":105,"_95":96,"_106":203,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":204,"_134":205,"_137":206,"_149":22},["D",1746226654505],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":114},{"_100":139,"_95":43,"_104":140,"_141":105,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[208,211],{"_104":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":101,"_159":118,"_106":160,"_100":32,"_161":162,"_163":164,"_165":22,"_166":-5,"_167":209,"_98":210},[],[99],{"_104":171,"_95":172,"_154":116,"_156":-5,"_157":140,"_158":101,"_159":22,"_106":173,"_100":32,"_161":174,"_163":175,"_165":22,"_166":-5,"_167":212,"_98":213},[],[172],[208,211],{"_104":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":101,"_159":118,"_106":192,"_100":32,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":216},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

Follower Growth

Engagement Metrics

Top Posts

Audience Demographics

Age Groups

Gender Split

Story Performance

Shika2026

skilledCoralCuckoo