Plans overhaul: Add Google Analytics for Starter

client/blocks/product-purchase-features-list/index.jsx

@@ -249,6 +249,7 @@ export class ProductPurchaseFeaturesList extends Component {
 		return (
 			<Fragment>
 				<CustomDomain selectedSite={ selectedSite } hasDomainCredit={ planHasDomainCredit } />
+				<GoogleAnalyticsStats selectedSite={ selectedSite } />
 				<SiteActivity />
 				<MobileApps onClick={ this.handleMobileAppsClick } />
 			</Fragment>

client/my-sites/checkout/checkout-thank-you/starter-plan-details.jsx

@@ -3,6 +3,7 @@ import { localize } from 'i18n-calypso';
 import { find } from 'lodash';
 import PropTypes from 'prop-types';
 import earnImage from 'calypso/assets/images/customer-home/illustration--task-earn.svg';
+import analyticsImage from 'calypso/assets/images/illustrations/google-analytics.svg';
 import PurchaseDetail from 'calypso/components/purchase-detail';
 import CustomDomainPurchaseDetail from './custom-domain-purchase-detail';
 import GoogleAppsDetails from './google-apps-details';
@@ -30,6 +31,16 @@ const StarterPlanDetails = ( { translate, selectedSite, sitePlans, purchases } )
 				buttonText={ translate( 'Start Earning' ) }
 				href={ '/earn/' + selectedSite.slug }
 			/>
+
+			<PurchaseDetail
+				icon={ <img alt="" src={ analyticsImage } /> }
+				title={ translate( 'Connect to Google Analytics' ) }
+				description={ translate(
+					"Complement WordPress.com's stats with Google's in-depth look at your visitors and traffic patterns."
+				) }
+				buttonText={ translate( 'Connect Google Analytics' ) }
+				href={ '/settings/analytics/' + selectedSite.slug }
+			/>
 		</div>
 	);
 };

client/my-sites/plans-comparison/plans-comparison-features.tsx

@@ -18,6 +18,7 @@ import {
 	FEATURE_TITAN_EMAIL,
 	FEATURE_MONETISE,
 	FEATURE_JETPACK_ESSENTIAL,
+	FEATURE_GOOGLE_ANALYTICS,
 } from '@automattic/calypso-products';
 import { Gridicon } from '@automattic/components';
 import { translate, numberFormat } from 'i18n-calypso';
@@ -374,6 +375,42 @@ export const planComparisonFeatures: PlanComparisonFeature[] = [
 			} );
 		},
 	},
+	{
+		get title() {
+			return translate( 'Google Analytics integration' );
+		},
+		get description() {
+			return translate(
+				"Track your site's stats with Google Analytics for a deeper understanding of your visitors and customers."
+			);
+		},
+		features: [ FEATURE_GOOGLE_ANALYTICS ],
+		getCellText: ( feature, isMobile = false ) => {
+			if ( ! isMobile ) {
+				if ( feature ) {
+					return (
+						<>
+							<Gridicon icon="checkmark" />
+							{ translate( 'Included' ) }
+						</>
+					);
+				}
+
+				return (
+					<>
+						<Gridicon icon="cross" />
+						{ translate( 'Not included' ) }
+					</>
+				);
+			}
+
+			return feature
+				? translate( 'Google Analytics integration' )
+				: translate( 'Google Analytics integration is {{strong}}not{{/strong}} included', {
+						components: { strong: <strong /> },
+				  } );
+		},
+	},
 	{
 		get title() {
 			return translate( 'Remove ads' );

packages/calypso-products/src/plans-list.tsx

@@ -1592,6 +1592,7 @@ PLANS_LIST[ PLAN_WPCOM_STARTER ] = {
 		FEATURE_CUSTOM_DOMAIN,
 		FEATURE_UNLIMITED_ADMINS,
 		FEATURE_6GB_STORAGE,
+		FEATURE_GOOGLE_ANALYTICS,
 	],
 };
 
@@ -1638,6 +1639,7 @@ PLANS_LIST[ PLAN_WPCOM_PRO ] = {
 		FEATURE_JETPACK_ESSENTIAL,
 		FEATURE_SIMPLE_PAYMENTS,
 		FEATURE_WORDADS_INSTANT,
+		FEATURE_GOOGLE_ANALYTICS,
 	],
 	getIncludedFeatures: () => [
 		FEATURE_ADVANCED_DESIGN,