Support » Plugin: Progressive WordPress (PWA) » Pwa doesn’t recognise TWA

  • Hello,
    If one clicks on add to home screen , it add and doesn’t show the request next time.

    This works fine

    But I have built TWA over pwa using pwabuilder. Now when a user install TWA, and visits site add to home screen still appear.

    PWA is unable to recognise TWA.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Nico Martin

    (@nico_martin)

    Hi @celebvoice,

    I think the problem is, that the PWA does not know there is a native app (or TWA) that os related to itself.
    You coud use the web_app_manifest filter (https://github.com/SayHelloGmbH/progressive-wordpress/blob/master/Classes/class-manifest.php#L154) to add the related_applications and the prefer_related_applications property to your web app manifest:
    https://developer.mozilla.org/en-US/docs/Web/Manifest/related_applications
    https://developers.google.com/web/fundamentals/app-install-banners/native

    I’m quite sure this will solve your problem.

    Thread Starter celebvoice

    (@celebvoice)

    Hello @nico_martin

    Thanks for the response,

    "related_applications": [
      {
        "platform": "play",
        "url": "https://play.google.com/store/apps/details?id=com.example.app1",
        "id": "com.example.app1"
      }, {
        "platform": "itunes",
        "url": "https://itunes.apple.com/app/example-app1/id123456789"
      }
    ]

    How can I add this code to be generated in manifest?

    I would like to add via functions.php so that the code doesn’t loose when I updated plugin.

    Thread Starter celebvoice

    (@celebvoice)

    can i use like this?

    function web_app_manifest()
    {
        $related_applications = {
        "platform": "play",
        "url": "https://play.google.com/store/apps/details?id=com.example.app1",
        "id": "com.example.app1"
      }, {
        "platform": "itunes",
        "url": "https://itunes.apple.com/app/example-app1/id123456789"
      };
     
            apply_filters( 'web_app_manifes', $related_applications )
        );
    }
    • This reply was modified 5 months, 1 week ago by celebvoice.
    • This reply was modified 5 months, 1 week ago by celebvoice.
    Plugin Author Nico Martin

    (@nico_martin)

    Hi @celebvoice

    You could use it like this:

    
    add_filter('web_app_manifest', function ($vars) {
      $vars['related_applications'] = [
        [
          "platform" => "play",
          "url" => "https://play.google.com/store/apps/details?id=com.example.app1",
          "id" => "com.example.app1"
        ],
        [
          "platform" => "itunes",
          "url" => "https://itunes.apple.com/app/example-app1/id123456789"
        ]
      ];
    
      return $vars;
    });
    
    • This reply was modified 5 months, 1 week ago by Nico Martin.
    Thread Starter celebvoice

    (@celebvoice)

    hello @nico_martin

    the code worked like wonder.
    I have also added prefer_related_applications
    Thanks For The Great Support

    /* add Related apps to web app manifest */
    add_filter('web_app_manifest', function ($vars) {
      $vars['prefer_related_applications'] = true;
    
      return $vars;
    }); 
    
    add_filter('web_app_manifest', function ($vars) {
      $vars['related_applications'] = [
        [
          "platform" => "play",
          "url" => "https://play.google.com/store/apps/details?id=com.example.app",
          "id" => "com.example.app"
        ]
      ];
    Dr. D

    (@wtsadmin)

    Love the code @celebvoice–this fixes my issue too. Just one adjustment to the syntax:

    /* PWA/TWA compatibility */
    add_filter('web_app_manifest', function ($vars) {
    	$vars['prefer_related_applications'] = true;
    	return $vars;
    });
    add_filter('web_app_manifest', function ($vars) {
    	$vars['related_applications'] = [
    		[
    			"platform" => "play",
    			"url" => "https://play.google.com/store/apps/details?id=com.sushihelado.twa",
    			"id" => "com.sushihelado.twa"
    		]
    	];
    });
Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.